jqgrid 动态填充下拉框的值后台不需要关联查询

最新推荐文章于 2020-12-08 11:16:00 发布

原创最新推荐文章于 2020-12-08 11:16:00 发布 · 702 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

本文介绍了一种在网页表格中实现课程选择下拉框的方法。通过Ajax技术从服务器获取课程列表，并将其转换为适用于表格编辑选项的下拉菜单。此方法支持多选功能，并能确保所选课程的有效性和准确性。

初始化表格的colModel属性里

{
                    name : 'labkcid',
                    index : 'labkcid',
                    editable : false,
                    edittype : "select",
                    multiple : true,
                    editoptions : {
                        multiple : true,
                        style : "height:auto",
                        value : kechengSelecthz()
                    },
                    formatter : 'select',

                },

// 课程下拉框

var datajaon1;
var str1 = "";
function kechengSelectDatahz() {
    $.ajax({
        url : "/LabInfoController/queryKCListToSelect",
        type : "post",
        // data: {
        // zid: zid
        // },
        async : false,
        success : function(data) {
            if (data != null) {
                datajaon1 = data
            }
        },
        error: function () {
            alert('请求失败');
        }
    });
}
function kechengSelecthz() {
    kechengSelectDatahz();
    var jsonobj = eval(datajaon1.rows);
    var length = jsonobj.length;
    for (var i = 0; i < length; i++) {
        if (i != length - 1) {
            str1 += jsonobj[i].id + ":" + jsonobj[i].cName + ";";
        } else {
            str1 += jsonobj[i].id + ":" + jsonobj[i].cName;// 这里是option里面的
            // value:label
        }
    }
    return str1;
}

jqgrid 动态填充下拉框的值 后台不需要关联查询

jqgrid 动态填充下拉框的值后台不需要关联查询