datagrid.js

var basePath = "/ane-net-bill";//项目根路径
$('#tab').datagrid({ url:basePath+'/sysUser/queryUserList', rownumbers:true,//是否显示行号 striped:true,//是否显示斑马线效果 singleSelect:true,//只允许选择一行 pagination:true,//是否显示分页工具栏 border:false,//是否显示边框 fit:true,//是否自适应父容器 fitColumns:true,//自动使列适应表格宽度以防止出现水平滚动 pageList:[50, 100, 300],//初始化页面大小选择列表 pageSize:50, loadMsg :"加载数据中...",//加载数据时显示的提示消息 toolbar : '#tb', columns:[[ //{field:'ck',checkbox:true},//复选框 {field:'clientEncode',title:'客户编码',width:100}, {field:'clientName',title:'客户名称',width:190}, {field:'pbone',title:'联系方式',width:120}, {field:'indentSource',title:'订单来源',width:160,formatter:formatIndentSource}, {field:'ifScreen',title:'是否筛单',align:'center',width:70,formatter:formatIfScreen}, {field:'template',title:'模板选择',align:'center',width:80}, {field:'createDate',title:'创建时间',align:'center',width:160,formatter:formatDateTime}, {field:'status',title:'操作',align:'center',width:120,formatter:formatOperation} ]], onLoadSuccess:function(data){ } }); 单元格formatter(格式化器)函数,带3个参数: value:字段值。 rowData:行记录数据。 rowIndex: 行索引。 代码示例: $('#dg').datagrid({ columns:[[ {field:'userId',title:'User', width:80, formatter: function(value,row,index){ if (row.user){ return row.user.name; } else { return value; } } } ]] }); //查询 function doSearch(){ $('#tab').datagrid('load',getParms()); } 加载和显示第一页的所有行。如果指定了'param',它将取代'queryParams'属性。通常可以通过传递一些参数执行一次查询,通过调用这个方法从服务器加载新数据。 $('#dg').datagrid('load',{ code: '01', name: 'name01' }); reload param 重载行。等同于'load'方法,但是它将保持在当前页。 /*获取查询条件*/ function getParms(){ var startDate = $("#startDate").datetimebox('getValue').trim(); var endDate = $("#endDate").datetimebox('getValue').trim(); var clientEncode = $("#clientEncode1").combobox('getValue').trim(); var clientName = $("#clientName1").combobox('getValue').trim(); var indentSource = $("#indentSource1").textbox('getValue').trim(); var paramsData = { startDate:startDate, endDate:endDate, clientEncode:clientEncode, clientName:clientName, indentSource:indentSource }; return paramsData; }

你可能感兴趣的:(easyui)