DataGrid中的常用属性

Posted 2020-08-23 张好好

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