jqgrid 实现行编辑，表单编辑的列联动

最新推荐文章于 2022-09-21 13:23:34 发布

飞鹰再现

最新推荐文章于 2022-09-21 13:23:34 发布

阅读量4.8k

点赞数

分类专栏： Asp.net MVC jqGrid学习

本文链接：https://blog.csdn.net/feiying008/article/details/38140681

版权

本文介绍了如何在jqGrid中实现行编辑和表单编辑时的列联动效果，特别是当列值依赖于其他列的选择时。通过简单的核心代码示例，展示了如何在B列选择值后动态更新C列的选项。这种实现方式简化了复杂联动的处理，适合快速开发。同时，文章提及了一个类似韩寒的博主泰迪小贱熊的文章作为灵感来源。

摘要由CSDN通过智能技术生成

这个问题的场景相信大家都遇到过，比如有A,B,C三列，B,C列均为下拉框，但是C列的值是由B列的值来决定的，即C列中的值是动态变化的，变化的依据就是B列中你选择的值。本文给出的是一个实用，简易快捷的实现方式。先看图：

本例子实现的如果是常白班，则班别那一列只显示白班，否则的话，那就显示白晚班。可以看成是两列联动。

实现核心代码为：

 onSelectRow: function (id) {
                if (id && id !== lastSel) {
                    jQuery("#TblClassTypeId").restoreRow(lastSel);
                    lastSel = id;
                }
                var editkey = $('#TblClassTypeId').jqGrid('getCell', id, 'Id_Key');
                var editparameters = {
                    keys: true,
                    extraparam: {