码迷,mamicode.com
首页 > 其他好文 > 详细

DataGrid中的常用属性

时间:2016-12-15 01:08:02      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:div   center   als   url   row   格式化   datagrid   return   对齐   

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中的常用属性

标签:div   center   als   url   row   格式化   datagrid   return   对齐   

原文地址:http://www.cnblogs.com/zs6666/p/6181629.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!