jqGrid 实现这种select - 同一列的不同行的select 的option 不同-白红宇的个人博客

jqGrid 实现这种select - 同一列的不同行的select 的option 不同

发布日期：2021-07-01 05:47:03 浏览次数：2 分类：技术文章

本文共 855 字，大约阅读时间需要 2 分钟。

jqGrid 的简介

jqgrid 是一个基于jquery 的web 端 table/tree grid 的组件。

官方网址：

http://www.jqgrid.com

默认的select 定义方式

{name:'ship',index:'ship', width:90, editable: true,edittype:"select",editoptions:{value:"FE:FedEx;IN:InTime;TN:TNT;AR:ARAMEX"}}

默认的定义方式是在grid 的定义选项中设置 colModel 的col 定义按照以上的定义方式。

FE:FedEx ==> 冒号前面是value ，后面是显示的text.

这样的设定后，一列下面所有的此栏位的下拉单的选项都是一样的。如何设定各行此栏位的选项不一致呢？

datatype 为非 local 的状况没有考虑过，如果为local 的实现如下：

客制实现

colModel 中的定义

{name:'note',index:'note', editable:true,edittype:'custom', editoptions:{custom_element: myelem, custom_value:myvalue},width:150, sortable:false} ]

javascript function 定义

function myelem(value, options) {var el = document.createElement("select");if(value!=null&&value.length>0){	  var optvalues = eval(value);	  if(optvalues.length>0)	  {		  for(var i=0;i

data 的添加时，此栏位的值以json 格式赋值：像

{optvalue:'value',optdisplay:'display'}

转载地址：https://oscar.blog.csdn.net/article/details/8825364 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！

上一篇：JSP Include 文件方式

下一篇：JavaScript 对象和字串之间的转换

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

jqGrid 的简介

默认的select 定义方式

客制实现

发表评论

最新留言

关于作者

推荐文章