WEB前端-jqGrid单元格编辑动态设置editoptions dataUrl实现select联动

之前有写过一篇jqGrid单元格编辑select联动的文章,通过使用自定义编辑类型来实现依据某字段值加载select选项,此文将通过setColProp方法来动态修改colModel配置中的editoptions,dataUrl来实现select数据加载,相关文件去jqGrid单元格编辑select联动文中查看详细,本文不再贴出重复内容,只贴出js实现逻辑。

jqGrid单元格编辑使用select视乎存在一个bug,就是编辑完毕切换为文本模式时,显示的为option的text属性,对应列存储的值也为text,但是一般我们需要显示的text,但是列存储的值为value属性,而不是text。(本文使用了2个字段,一个存储value,一个存储text,所以简单一些,只需要更新对应列的value,text由jqGrid更新。)

主要JS代码如下,其他文件和html代码都没变

 

俊霖

发表评论

您必须