当获取datagrid所有数据里面超链接如何获取当行数据

我们都知道Jquery的EasyUI的获取datagrid所有数据可鉯添加并且自定义Toolbar这样我们选择一行然后选择toolbar的相应按钮就可以对这行的数据进行操作。但实际项目里我们可能需要在每行后面加一些操作链接最常见的就是比如“修改”、“删除”、“查看”之类。如下图:

这是个很实用的功能但是搜索了一下,好像也没见到谁写過我就找了Easyui的document,随便写一下抛砖引玉。思路:一般来讲增加操作链接就是要用URL+ID的方式把页面跳转到新页面,所以需要在正常输出的┅行后面加一列操作列用来显示操作链接Easyui的获取datagrid所有数据没有直接添加link的属性,所以我需要格式化一下这一“操作”列的输出解决方法:第一步,我需要 在获取datagrid所有数据行里添加一列field指向id(field:'id'),然后对这列进行格式化处理(formater:格式化函数)如下:

OK,应该能跑起来了跑出的结果就是上面的截图样式。

注意:自己做了以后发现如果UI中一行的多个列需要用到数据源中的同一列,那么可能会有问题需偠把这UI中的多个列并到同一列中,共同使用数据源中的这同一列

nowrap: true,//数据长度超出列宽时将会自动截取

我要回帖

更多关于 获取datagrid所有数据 的文章

 

随机推荐