jqGrid 实现这种select - 同一列的不同行的select 的option 不同
来源:互联网 发布:软件安全检测 编辑:程序博客网 时间:2024/05/17 02:38
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<optvalues.length;i++) { var optvalue = optvalues[i].optvalue; var optdisplay = optvalues[i].optdisplay; var optel = document.createElement("option"); optel.innerHTML = optdisplay; optel.value = optvalue; el.appendChild(optel); } }}return el;}function myvalue(elem, operation, value) { if(operation === 'get') { return $(elem).val(); } else if(operation === 'set') { $(elem).val(value); }}
data 的添加时, 此栏位的值以json 格式赋值: 像
{optvalue:'value',optdisplay:'display'}
- jqGrid 实现这种select - 同一列的不同行的select 的option 不同
- extjs 3.4 实现EditorGridPanel不同行同一列显示不同的Editor
- 选中select的option
- select的option
- select option 的操作
- select option的使用
- select option的操作
- js: 实现Select的option上下移动
- js: 实现Select的option上下移动
- 显示Select的超长Option
- 动态生成select的option
- 清空SELECT的OPTION
- jquery添加select的option
- select 的option选中事件
- js控制select的option
- 动态添加select的option
- select option控件的操作方法
- select option如果里面不写value值,默认提交<option></option>中间的值
- java面试题经典20例【第三季_常瑞鹏】
- 安卓JNI
- STM32 SPI总线
- 关于24点游戏的编程思路与基本算法
- Codeforces 69D. Dot 博弈 dp
- jqGrid 实现这种select - 同一列的不同行的select 的option 不同
- 快速排序
- enum和struct何union
- Android 4.0.3 源码结构分析
- source insight 3.5 遇到的奇怪问题(部分解决)
- 51单片机程序存储器扩展
- 编译android源码遇到错误处理
- etmvc中集成spring使用druid连接池
- android CTS测试