jqGrid 行编辑 select 3级联动 的一种实现方法

jqGrid行编辑三级联动select实现技巧
最新推荐文章于 2021-05-11 16:00:04 发布
原创 最新推荐文章于 2021-05-11 16:00:04 发布 · 7.3k 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jqGrid 行编辑 select 联动

在jqGrid的行编辑模式下，通过利用行编辑元素的ID组成规则，解决了一个项目中select下拉框的省-市-县三级联动问题。尽管网上缺乏直接示例，但通过查阅API发现，可以通过编辑元素的rowid + '_' + name来选取ID，实现联动效果。

最近在做一个小项目中遇到一个问题，项目使用jqGrid，用到了行编辑。其中有一个需求是：实现select下拉框 项目→需求→任务（类似于省，市，县）的三级联动效果。

这个在行编辑中实现遇到了问题，怎么让select下拉框change的时候选择到对应的二级下拉框实现联动呢？

网上找不到很好的例子，查了api发现没找到实现联动的方法，不过我在注意事项里找到了 怎么选取ID：

  • 可编辑元素的id组成为 rowid+'_'+ name，name为colModel定义的name值。例如，我们编辑id为10的行，此列colModel配置的name值为myname，那么这个输入控件的id为10_myname
最低0.47元/天 解锁文章
jQGrid动态填充select下拉框的选项值(动态填充)
01-08
jQGrid动态填充select下拉框的选项值(动态填充)
jqgrid动态填充select
weixin_33688840的博客
08-31 275
　　前两天使用jquery动态填充jqgrid的select，默认随便用一个dict填充（初始化页面是会替换掉），用着可以，后来发现当行数增多，回到以前行继续编辑发现select又变成了那个用来避免报错随便填充的dict。 　　这看来要从jqgrid的方式动态生成select了，不能随便先用一个dict填充，因为每次都会回到这个dict。 　　开始从网上搜索资料，发现大都是一样的内容，你们这些...
JQGrid 动态添加 Select
abc_1234567890_abc的博客
10-26 5247
JQGrid 动态添加 Select 下拉框 在JQGrid 添加下拉框通常是这样做的, { name : 'week', index : 'week', label : '周', width : 110,
简单易懂的jquery版三级联动select
weixin_30471561的博客
06-08 170
html和js部分 <!DOCTYPE html> <html> <head> <meta charset=gbk /> <title>selectList</title> <style type="text/css"> *{margin:0;padding:0;} ....
jqGrid动态填充select下拉框的选项值
zfy421的专栏
03-07 1152
  function gettypes(){ //动态生成select内容 var str=""; $.ajax({ type:"post", async:false, url:"checkpersontype", success:function(data){ if (data != null) {         var jsonobj=...
jqgrid行编辑+动态为其他列赋值
04-20
在本例中，我们将深入探讨如何实现"jqgrid行编辑+动态为其他列赋值"这一功能。 首先，我们需要理解jqGrid的行编辑功能。jqGrid允许用户在表格的每一行上进行编辑，这通常通过双击或点击编辑按钮来触发。默认情况下...
JQGrid的用法解析(列编辑,添加行,删除行)
09-04
添加行通常通过JQGrid的内置方法如`addRowData`实现，这需要调用该方法并提供新行的数据。例如： ```javascript function addRow(data) { $("#plsfList").jqGrid(&#39;addRowData&#39;, data.id, data); } ``` 删除行则...
jqgrid实现二级联动下拉框
sning999
08-08 4813
jqgrid实现二级联动下拉框
jqgrid 实现行编辑，表单编辑的列联动
weixin_34295316的博客
01-11 292
这个问题的场景相信大家都遇到过，比方有A,B,C三列，B,C列均为下拉框。可是C列的值是由B列的值来决定的。即C列中的值是动态变化的，变化的根据就是B列中你选择的值。本文给出的是一个有用，简易快捷的实现方式。先看图： 本样例实现的假设是常白班，则班别那一列仅仅显示白班。否则的话，那就显示白晚班。能够看成是两列联动。 实现核心代码为： onSelectRow: functio...
Jquery 实现select 3级级联查询
weixin_34099526的博客
10-25 300
实现级联效果的思路： 1、页面加载时，先显示第一级select，第二、三级的select隐藏，根据第一级select值的改变，再显示第二级select，依次类推； 2、只从后台获取第一级select的数据，第二级select的选项数据根据第一级select值的改变再动态更新，第三级select的选项数据再根据第二级select值的改变再做动态更新； 一、基于Jquery的js...
jqgrid select数据加载数据
小小程序猿
04-06 2882
问题描述： 因为select中的数据是从数据库加载的，直接进行加载有个加载顺序问题，到时select上无法赋值 解决方案：select中的数据加载完毕后，在回调函数中加，你所需要的列重新select赋值 $("#tabGrid").setColProp('sampleType', { editoptions: { value: typeStr} }); 例子：
如何通过jQuery实现select下拉框的联动效果
热门推荐
Big Smile
12-10 2万+
由于项目需要，小编需要实现三个HTML的select下拉框联动的效果，如果考虑到实际用户体验的话，直接用异步刷新的方式操作DOM是最好的选择，这里小编直接使用了jQuery作为DOM操作的工具，直接操作，完成了对于下拉框的操作，下面是实现方法： 一、页面效果         如图，有这么两个下拉框，当选择上面的类型的时候，下面的动物种类就会跟着去变化： 这里是牛的分类这里是羊
jqGrid listselect回调函数，列表添加数据
qq_39822451的博客
06-16 750
function listselectCallback(id, action, index, layero, selectData){ if (id == 'materialSelect' && action == 'ok') { var yourGrid=$("#yourGrid"); var rowIDs=materiallist.jqGrid("getDataIDs"); var rowDataTest=[]; .
jqGrid的select下拉选择框change事件动态改变其他单元格可见性
芃蓉蓁蓁的博客
05-11 1019
添加change事件: dataEvents:[{type:‘change’,fn:function (e) { }}] {label:'<font color="red">*</font>订单类型',name:'ORDER_TYPE',index:'ORDER_TYPE',width:20, sortable:false,align:'left',editable:canEdit,edittype:'select',editoptions : {value : "0:设备费订
jqgrid 行编辑/单元格selsect 下拉框并运用select2
weixin_34072458的博客
10-30 1179
{name:"untivalue", index:"untivalue",hidden:true,width:0,classes:'untivalue'}, {name:"itemname", index:"itemname", width:100,align:"center",editable: true,edittype:"select", editoptions:{value:　　...
jqGrid 实现这种select - 同一列的不同行的select 的option 不同
oscar999的专栏
04-22 3841
jqGrid 的简介 jqgrid 是一个基于jquery 的web 端 table/tree grid 的组件。 官方网址： http://www.jqgrid.com 默认的select 定义方式 {name:'ship',index:'ship', width:90, editable: true,edittype:"select",editoptions:
（97页PPT）新型某省市综合运行管理平某省市大脑)解决方案.pptx
最新发布
12-12
（97页PPT）新型某省市综合运行管理平某省市大脑)解决方案.pptx
jqgrid实现行编辑与动态列值赋值技术解析
jqGrid提供了两种行编辑的模式：单元格级编辑和行级编辑。单元格级编辑允许用户对表格中的单个单元格进行编辑，而行级编辑则允许用户一次性编辑整行数据。 #### 行编辑实现步骤 1. **初始化jqGrid**: 首先需要对...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值