1.easyui DataGrid 里的列数据,并使用自定义列的formatter属性对应函数中三个参数的值:
value:当前列对应字段值。
row:当前的行记录数据。
index:当前的行下标。
2.在onclick事件传递对象类型参数,具体内容请参考http://blog.csdn.net/legend11/article/details/53408459
var ele = '<a onclick="edit(' + JSON.stringify(user).replace(/"/g, '&quot;') + ');">修改</a>';
或者
var ele = '<a onclick="edit(\'' + JSON.stringify(user).replace(/"/g, '"') + '\');">修改</a>';
不同之处在于前者取到的是json对象,后者取到的是json字符串。
onclick后面可以直接使用js代码如οnclick=”$(‘#dameng’).append(‘new dameng’);alert(‘new’)”
同理onchange等其他的也可以直接使用
3.easyui formatter操作列传多个参数的写法,参考https://my.oschina.net/reesechou/blog/496963
formatter: function(value,row,index){
var d = '<a href="#" onclick="jsView(\''+row.modelId+'\',\''+row.description+'\')">查看</a>';
return d;
}
4.js手动加载datagrid数据
不使用指定url,采用手动加载datagrid数据,方便自己学习调试datagrid的相关知识。
$(“#dg”).datagrid(‘loadData’,{ total: total, rows: json }),其中total是数据的总行数,演示代码如下:
var datasource = {"total":28,"rows":[
{"productid":"FI-SW-01","productname":"Koi","unitcost":10.00,"status":"P","listprice":36.50,"attr1":"Large","itemid":"EST-1"},
{"productid":"K9-DL-01","productname":"Dalmation","unitcost":12.00,"status":"P","listprice":18.50,"attr1":"Spotted Adult Female","itemid":"EST-10"}]};
$("#dg").datagrid('loadData', datasource);