datagrid.js

var basePath = "/ane-net-bill";//项目根路径
<table id="tab"></table>

$('#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;
}