DataGrid中的常用属性
$('#dg').datagrid({
url:'datagrid_data.json',
columns:[[
{field:'code',title:'Code',width:100},
{field:'name',title:'Name',width:100},
{field:'price',title:'Price',width:100,align:'right'}
]]
});
title:“列标题文本”
field:“列字段名称”
align:left','right','center' ——指明如何对齐列数据
sortable:true/false ——如果为true,则允许列使用排序。
order:‘asc’/‘desc’ ——默认排序数序
hidden:true/false ——如果为true,则隐藏列。
formatter:
//单元格formatter(格式化器)函数,带3个参数:
//value:字段值。
//row:行记录数据。
//index: 行索引。
//代码示例: $('#dg').datagrid({
columns:[[
{field:'userId',title:'User', width:80,
formatter: function(value,row,index){
if (row.user){
return row.user.name;
} else {
return value;
}
}
}
]]
});
styler:
//单元格styler(样式)函数,返回如'background:red'这样的自定义单元格样式字符串。该函数带3个参数:
//value:字段值。
//row:行记录数据。
//index: 行索引。
//代码示例: $('#dg').datagrid({
columns:[[
{field:'listprice',title:'List Price', width:80, align:'right',
styler: function(value,row,index){
if (value < 20){
return 'background-color:#ffee00;color:red;';
}
}
}
]]
});