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

最新推荐文章于 2022-05-13 09:07:16 发布

nanshanrenzhe

最新推荐文章于 2022-05-13 09:07:16 发布

阅读量341

点赞数

文章标签： jqgrid select c#

本文链接：https://blog.csdn.net/nanshanrenzhe/article/details/84374881

版权

这几天需要用到用到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，所以，在我的程序中用到了