在开发中,常需从DataGrid组件中获取指定行各列的字段值并传递使用。由于对jQuery EasyUI框架不够熟悉,此前多次搜索均未找到有效方案。经过反复调试与尝试,最终成功实现该功能:通过`getSelected()`或`getRows()`等方法准确提取目标行数据,并以对象形式获取各字段值。现将此实用方法整理分享,希望能为同样困扰于DataGrid行数据获取的开发者提供参考和帮助。
1、 所示,datagrid列表中包含收款日期,点击超链接时需将该日期传递至下一页并显示。
2、 首先需为单据编号字段添加超链接点击功能,定义DataGrid时应按此方式编写代码。
3、 字段名称:单据编号;对应数据字段:code;列宽160像素;支持按该列内容升序或降序排序。
4、 }
5、 }
6、 }
7、 可见,getDetailLink() 方法用于获取指定行中某字段的值,其功能实现依赖于两个参数:当前行的 ID 与字段索引 index。
8、 接下来,编写getDetailLink()方法的具体实现。
9、 此处最关键的是先成功获取 DataGrid 的行对象(row)。
10、 即通过获取数据网格组件的数据,提取其中所有行记录。
11、 此后,可通过row.字段名(如row.confirmtime)的方式,便捷获取该行数据中各列对应的具体值。
12、 至此,已成功获取DataGrid中指定行各字段的值。
13、 只需设置表单的action属性为空字符串,即可将待传递参数自动附加到目标页面URL中。
评论
更多评论