这几天需要用到用到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。
运行效果: