首页 > 其他 > 详细

DataGrid中的常用属性

时间:2016-12-15 01:05:46      阅读:256      评论:0      收藏:0      [点我收藏+]

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!