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