easyui学习笔记-datagrid中相关学习

最新推荐文章于 2024-04-13 07:06:41 发布

我是胡同学

最新推荐文章于 2024-04-13 07:06:41 发布

阅读量279

点赞数

分类专栏： jquery 文章标签： easyui

本文链接：https://blog.csdn.net/qi531621028/article/details/59063571

版权

jquery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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, '&amp;quot;') + ');">修改</a>';

或者

var ele = '<a onclick="edit(\'' + JSON.stringify(user).replace(/"/g, '&quot;') + '\');">修改</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);