jqGrid中下拉框的实现(The realization of select in jqGrid via C#)

 

这几天需要用到用到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。

 

运行效果：

 

评论

1 楼 午刀十 2013-06-20  

那如果把真正的值传回到服务器？
你现在显示的是name,如何传回dictionaryID ?