首页 > 代码库 > DataGrid中的常用属性

DataGrid中的常用属性

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;‘;
                }
            }
        }
    ]]
});

 

DataGrid中的常用属性