1、editor属性
使用方法一:静态数据
<th field="level" width="80" editor="{ type:‘combobox‘, options:{required:true, editable:false, data: [ {‘id‘:‘1,‘text‘:‘高速公路‘}, {‘id‘:‘2‘,‘text‘:‘一级公路‘}, {‘id‘:‘3‘,‘text‘:‘二级公路‘}, {‘id‘:‘4‘,‘text‘:‘三级公路‘}], valueField:‘id‘, textField:‘text‘}}">路线等级</th>
使用方法二:动态数据
<th data-options="field:‘productid‘,width:100, formatter:function(value,row){ return row.productname; }, editor:{ type:‘combobox‘, options:{ valueField:‘name‘, textField:‘value‘, method:‘get‘, url:‘products.json‘, required:true } }">Product</th>
2、columns属性
columns : [ { field : ‘resourceId‘, title : ‘菜单id‘, width : 50, sortable : true }]
3、formatter属性
1.基本用法
单元格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; } } ] });
(1)value:可以在formatter函数中修改value的值,并在界面上展示修改后的值。 **注意:** 在这里对value的修改并不会改动后台数据,这个改动仅相当于对value的渲染。
(2)row:可以通过 row["field值"] 或者 row.field值 得到同一行其他列的值。可以是前面的列,也可以是后面的列。
(3)index:行索引。
(4)当多行数据的field值相同时,formatter就会失效。
原文地址:https://www.cnblogs.com/zhumengke/p/8832900.html
时间: 2024-10-29 22:08:36