首页 > 代码库 > 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中的常用属性
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。