这几天需要用到用到jqGrid,所以就用到了jqGrid中的下拉框。而下拉框的值是取自其他数据库表
【解决方法】:
jqGrid的select的使用语法为:
{name:'myname', edittype:'select', editoptions:{value:{1:'One',2:'Two'}} },
edittype为select,editoptions是展示的值。【详细信息参考】:http://www.trirand.com/jqgridwiki/doku.php?id=wiki:common_rules#edittype
实现方式有:
(1)
editoptions: { value: “FE:FedEx; IN:InTime; TN:TNT” }
【注意】:最后没有分号";"
其等效于:
<select> <option value='FE'> FedEx </option> <option value='IN'> InTime </option> <option value='TN'> TNT </option> </select>
(2)
editoptions:{value:{1:'One',2:'Two'}}
【注意】:最后没有分号。
相当于HTML中
<select> <option value='1'>One</option> <option value='2'>Two</option> </select>
我使用的是第一种实现方式。
实现代码如下:
{ name: 'PHAR_CODE', index: 'PHAR_CODE', width: 100, editable: true, edittype: 'select', editrules: { required: true }, editoptions: { value: getMedicalGroups()} },
getMedicalGroups()方法的实现如下:
function getMedicalGroups(dicTypeId) { var returnStr = ""; $.ajax({ async: false, type: "get", url: "/DrugInfo/DrugDetails/DrugMedicalInfo/GetDictionaryByTypeID?dictionaryTypeId=" + dicTypeId, success: function (rJson) { var rObj = $.parseJSON(rJson); for (i = 0; i < rObj.data.length; i++) { if (i < rObj.data.length - 1) { returnStr += rObj.data[i].dictionaryID + ":" + rObj.data[i].dictionaryName + ";"; } else { returnStr += rObj.data[i].dictionaryID + ":" + rObj.data[i].dictionaryName; } } } }); //End Ajax return returnStr; }
【结束】
基本思想就是这样,但因为不同的项目,JSON的构成可能不同。在我们项目中JSON由三部分组成,一是标志位success、二是用于存储信息的message、三是用于存储的data,所以,在我的程序中用到了
rObj.data.length。
运行效果:
相关推荐
jQGrid动态填充select下拉框的选项值(动态填充)
jqgrid中文文档API,使用JQGRID
C#封装的JqGrid插件,配置相应的即可
JqGrid中文API文档,包含了基础的JqGrid控件的属性方法事件等,有如何使用JqGrid的Demo.
jquery.jqGrid-4.6.0(jquery表格插件).zip----------jqGrid4.6.0包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件.rar-----------经我修改过的demo40,官网上面demo40下载...
Jqgrid中文使用手册,直接从jqgrid官网翻译。非常适合查阅
jqgrid实现分组显示和统计的功能,jqgrid实现分组显示和统计
var id=$(‘#gridTable').jqGrid(‘getGridParam','selrow'); 如果想要获取选择多行的id,那这些id便封装成一个id数组,那可以使用以下: var ids=$(‘#gridTable').jqGrid(‘getGridParam','selarrrow'); 如果想...
jqGrid在Net下的完美实现详解
jquery实现百度搜索关键字输入下拉框提示,非常有效果,本人亲测超级好用
Jqgrid 中文文档 Jqgrid 属性参数详细解释 Jqgrid 属性大全
基于jqgrid实现类似父子级树形菜单分页列表查询,让table页的行元素可以实现像ztree那样的上下级关系
使用jQuery的jqGrid插件可以实现非常好的页面展示效果,并且功能很强大。但是官方提供的帮助文档都是英文的,有些看着可能会不太方便。这里给大家提供一个中文的jqGrid帮助文档,希望能对大家有所帮助
jqgrid+struts2+jdbc实现的增删改查
在你开始jqGrid之前,你需要具有基本的JavaScript和jQuery知识。有关jQuery的知识可访问jQuery网站jquery.com。当你已有了这些基础知识后,我们从jqGrid的系统需求开始。
jqGrid 中的锁定固定的列并且关于jqGrid 中的一些排序的实现细节
JqGrid 中文 帮助文档 api jQuery
无刷新增删改查,网上都有免费下载,所以就不设置积分了。