Jqugrid自定义colModel中某一列label标签数据,并选中该行标签获取数据,并利用dialogOpen跳转页面,传送此行数据
这是一篇关于jqgrid插件和url传值的文章。
项目需求
公司最近重构了一个页面,这个页面之前是在公司书写的第一个页面,因为刚来公司的不太熟悉asp.net框架和cshtml以及后台老大哥的后台代码,所以第一个页面做的效果不是很好:
- 需求反复修改 ,多次改动,多不胜数的函数和变量;
- 不熟悉公司插件 ,除了必须的流程图展示插件,生写了一个表格,效果还凑合但不是很理想;
- 页面请求太多,发送了很多ajax请求,有些可以做优化,当时没想到;
- 动态生成流程图标签位置的逻辑不清晰 ,多次改动,始终有问题需要优化,窗口移动线条变形,左右首末标签未对齐;
重构的问题
第一个在jqgrid官方事例中有写到 ,添加一个beforeSelectRow函数,在里面操作行元素,设置内容;
第二个就是点击行元素和点击行元素的标签 ,一开始以为是事件冒泡,一直在解决这个,后来发现就是需要时间冒泡,只是需要给元素标签添加一个setTimeOut;
第三个就是页面跳转传递数据 ,json转json字符串没问题,就是拼接url的时候只传{,因为是插件里的方法,当时没有找到post方法,后来发现,jqgrid自定义label标签的时候,再获取数据,会有一个undeifend,因为我自定义的是详情,没有实际数据,返回给我的是dom元素,然后转换不了。最后通过转码,转换字符串,最后在跳转的页面成功获取到json数据;