jqgrid 如何在编辑状态下(Edit)给下拉框（select）赋值，而这个值是从另一个表里异步查出来的。

最新推荐文章于 2021-12-08 12:11:06 发布
最新推荐文章于 2021-12-08 12:11:06 发布
阅读量8.6k 收藏 2
点赞数 1
分类专栏： 个人随笔请勿参考 jQuery 文章标签： user function ajax null url
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hurryjiang/article/details/7294398
版权
在jqgrid编辑列时，若使用select类型，需从服务器异步获取数据填充。通过设置edittype为'select'，结合editoptions的value属性，调用函数获取数据。示例代码中，定义了getSelectNames函数，通过async:false的ajax请求`servlet/SampleSelecte`，获取类型为'user'的数据。确保返回值是jqgrid要求的字符串格式，并且使用同步请求以确保在返回值被使用前完成数据加载。
摘要由CSDN通过智能技术生成
 
2011-05-26 10:34 343人阅读 评论(0) 收藏 举报

先不多说看代码:

 colModel:[
          {name:'userId',width:90,editable:true,edittype:'select',editrules:{required:true},editoptions:{value:getSelectNames("user")}},  
  
    ],

比如说 有这样一个列 edittype是 select ，那他的数据是从 表里拿出来的 。这样

最低0.47元/天 解锁文章
Ai2015WER
关注
专栏目录
jqGrid-----显示下拉列表框（jqGrid自定义）VS（开发者自定义下拉列表框）
lsh15846393847的博客
11-27 2740
1.jqGrid单元格必须是可编辑状态。cellEdit : true $('#gridYosan').jqGrid({ data : dataList, datatype : "local", multiboxonly : true, cellEdit : true, //关键代码 cellsubmit : 'clientArray', colNam...
JqGrid下拉框以及动态改变下拉框中的值
qidrunk的博客
12-08 1225
设置成下拉框 { name: 'ddConditionValueMode', width: "10%", sortable: false, edittype: "select", editoptions: {value: selectConditionValueMode()}, formatter: "select",
jqgrid 如何给下拉框（select）赋值，而这个值是从另一个表里查出来的。
buhuan123的专栏
05-26 3203
<br />先不多说看代码:<br /> colModel:[<br />          {name:'userId',width:90,editable:true,edittype:'select',editrules:{required:true},editoptions:{value:getSelectNames("user")}},  <br />  <br />    ],<br />比如说 有这样一个列 edittype是 select ，那他的数据是从 表里拿出来的 。这样<br />在g
jqgrid行编辑+动态为其他列赋值
04-20
该方式是在jqgrid的列基础上进行编辑，为列添加保存事件，文本域和输入框采用blur失去焦点的方式进行保存，该方法含有点击为其他列赋值的功能。参考api列子并结合自己公司功能需求。
jQGrid动态填充select下拉框的选项值(动态填充)
01-08
jQGrid动态填充select下拉框的选项值(动态填充)
jqgrid表格列选项edittype为text、checkbox、select、textarea、function、超链接，添加自定义按钮
Zero_shan的博客
08-30 982
jqgrid数据来源： ①当为静态数据时，可直接在页面中定义，例如： [html] view plain copy var grid_data =                [                    {id:"1", name:"张三", note:"长文本1", stock:"是", ship:"一年级", sda
jqgrid-2动态改变列编辑属性
xcc_2269861428的博客
06-15 5042
JqGrid 的列属性见链接：http://www.qinbin.me/jquery-colmodel-property-descriptioneditType是列的编辑属性，可为text、textarea，select、checkbox、password、button、image、file等。     更详细的编辑属性见：http://www.trirand.com/jqgridwiki/do
jqgrid 编辑添加功能详细解析
shan1774965666的专栏
02-26 8108
ColModel 是jqGrid里最重要的一个属性，设置表格列的属性。 用法： Java代码 ： 代码如下: jQuery("#gridid").jqGrid({    ...       colModel: [ {name:'name1', index:'index1'...}, {...}, ... ],    ..    });   属性  数据类型  备注
jqGrid自定义添加input或者其他标签
笑到世界都狼狈的博客
04-03 1103
只要在colModel你要加的那一行加： formatter: operateTrunk 再在外面写函数即可： function operateTrunk(el, options, rowData) { if (rowData.id !="default") { return "<input type='checkbox'>" } re...
jqGrid在编辑行时获取行数据方式以及自定义 select 的用法
weixin_34206899的博客
03-01 1527
2019独角兽企业重金招聘Python工程师标准>>> ...
jqGrid行数据中如何添加下拉选 select
qq_39822451的博客
04-20 1652
columnModel: [ //Ajax查询，动态赋值,表单不能编辑 {header:'${text("对象")}', name:'', width:150, editable:false, edittype:'select',formatter : 'select', editoptions:{'class':'form-control',value:getObjectList()}},...
jqGrid listselect回调函数，列表添加数据
qq_39822451的博客
06-16 670
function listselectCallback(id, action, index, layero, selectData){ if (id == 'materialSelect' && action == 'ok') { var yourGrid=$("#yourGrid"); var rowIDs=materiallist.jqGrid("getDataIDs"); var rowDataTest=[]; .
[jeeplus] 使用笔记 (gridSelect、datetimepicker etc.) 问题汇总
qfchenjunbo的博客
12-08 1389
1. grid 问题 1.创建表单时，grid 选择框中给对应的字段做设置 728 x 359 1920 x 947 728 x 359 1920 x 947 2.生成代码后的 jsp 页面中查看检查。 728 x 358 1919 x 945 扫VX 领Java资料，前端，测试，python等等资料都有 3.最终展示： 728 x 359 1920 x 947 728 x 359 1920 x 947 2. gridselect 多选单选问题： .
让人头疼一晚上的 select 下拉框赋值问题
weixin_30951231的博客
03-21 110
一开始做这个功能 批量修改用户组 ， 当勾选若干用户组后， 点击【批量修改用户组】-》ajax提交后台查询-》返回下拉菜单列表内容-》 弹出对话框并赋予下拉菜单select 动态数值。 关键代码如下： html代码如下：（点击修改用户组） <div id="hrefkd" style="display:none;width:200px;float:inherit;">...
jquery-editable-select设置显示默认选项
weixin_30548917的博客
08-12 629
在可编辑的select下拉框控件这篇博文中使用到了jquery-editable-select控件，这个控件既可以手动输入也可以用于下拉选择，类似MFC中的combobx控件，在特定场景下非常方便。 下面将分享“如何解决页面加载时设置默认的显示选项”。 HTML结构 下面是html代码...
使用editableSelect实现可编辑选项框
a954735254的博客
01-02 7476
效果如下，输入什么，只显示包含什么的选项 什么都没输入 输入0 这里的001002等数据是从后台获取的设备实体的设备序列号字段， 下面是代码的HTML部分代码 &lt;select id="numUnit" name="numUnit" class="form-control" v-model="rMerchantDevice.deviceNum" autocomp...
jqgrid 如何给下拉框（select）赋值，而这个值是从另一个表里查出来的。(
xinzhu1990的专栏
02-11 9439
colModel:[ {name:'userId',width:90,editable:true,edittype:'select',editrules:{required:true},editoptions:{value:getSelectNames("user")}}, ], 比如说 有这样一个列 edittype是 select ，那他的数据是从 表里拿出来的 。这样 在ge
jqgrid 行编辑/单元格selsect 下拉框并运用select2
最新发布
06-08
您好，针对您的问题，我可以给您提供一些思路和代码示例，希望能帮到您。 首先，要实现 jqgrid 的行编辑和单元格下拉框选择功能，您需要引入以下两个插件： 1. jqGrid：这是一个 jQuery 插件，用于实现表格的展示和编辑功能。 2. select2：这是一个 jQuery 插件，用于实现下拉框的选择和搜索功能。 接下来，您需要在 jqGrid 中定义一个列模型，其中包含需要编辑的列和下拉框列。例如： ``` colModel: [ { name: 'id', index: 'id', editable: false, width: 50 }, { name: 'name', index: 'name', editable: true, edittype: 'text', width: 100 }, { name: 'gender', index: 'gender', editable: true, edittype: 'select', editoptions: { value: 'M:Male;F:Female', dataInit: function(elem) { $(elem).select2({ width: '100%' }); } }, width: 100 } ] ``` 在上面的代码中，第一列是 ID 列，不可编辑；第二列是姓名列，可以编辑，编辑类型为文本框；第三列是性别列，可以编辑，编辑类型为下拉框，下拉框的选项值为 M:Male 和 F:Female，同时使用 select2 插件进行渲染。 最后，在 jqGrid 中启用行编辑功能和单元格编辑功能，例如： ``` editurl: 'server.php', cellEdit: true, cellsubmit: 'clientArray', rownumbers: true, rownumWidth: 40, pager: '#pager', viewrecords: true, caption: 'My first grid', height: 'auto', width: 'auto', ``` 在上面的代码中，editurl 属性指定了提交数据的 URL，cellEdit 属性启用了单元格编辑功能，cellsubmit 属性指定了提交数据的方式，rownumbers 属性启用了行号列，pager 属性指定了分页控件的 ID，viewrecords 属性启用了记录总数和分页信息的显示，caption 属性指定了表格的标题，height 和 width 属性指定了表格的高度和宽度。 以上就是实现 jqGrid 行编辑和单元格下拉框选择的思路和代码示例，希望能对您有所帮助。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值