Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 使用w2ui网格,如何使选择/下拉类型具有不同的项?_Jquery_Html_Drop Down Menu_Grid_W2ui - Fatal编程技术网

Jquery 使用w2ui网格,如何使选择/下拉类型具有不同的项?

Jquery 使用w2ui网格,如何使选择/下拉类型具有不同的项?,jquery,html,drop-down-menu,grid,w2ui,Jquery,Html,Drop Down Menu,Grid,W2ui,如何根据记录更改下拉项 比如说 一些_项变量下拉选项为“A”、“B”、“C” 新的_项1变量下拉选项为“D”、“E”、“F” 新的_项2变量下拉选项为“G”、“H”、“I” 是否可以更改每个记录的下拉列表?是的,可以在工具栏内创建一个下拉列表元素,然后在列绑定/加载服务器端数据以进行下拉列表 编辑: 1-在工具栏内添加下拉元素 toolbar: { items: [ { type: 'html', html: '<select id="get

如何根据记录更改下拉项

比如说

一些_项变量下拉选项为“A”、“B”、“C”

新的_项1变量下拉选项为“D”、“E”、“F”

新的_项2变量下拉选项为“G”、“H”、“I”


是否可以更改每个记录的下拉列表?

是的,可以在工具栏内创建一个下拉列表元素,然后在列绑定/加载服务器端数据以进行下拉列表

编辑: 1-在工具栏内添加下拉元素

toolbar: {
        items: [
                { type: 'html', html: '<select id="getDropdownData" "></select>' }
               ]
}

最好给您添加一些细节answer@vaibhav-gargı添加了更多详细信息,请查看
toolbar: {
        items: [
                { type: 'html', html: '<select id="getDropdownData" "></select>' }
               ]
}
     onSelect: function (event) {

          $("#getDropdownData").select2({ width: "160px" });

         var selectedColumnId = w2ui["grid"].get(event["columnId"]);

        $.ajax({
                type: "POST",
                url: //your url to return column related-data,
                data: {
                    Id: selectedColumnId 
                },
                success: function (data) {
                        for (i = 0; i < data.result.length; i++) {

                            $(getDropdownData).append($('<option></option>')
                                .attr({ value: data.result[i][0] })
                                .html(data.result[i][1]));
                        }//for                    
                },
               error: function (request, status, error) {
                       alert(request.responseText);
              }
      });

}
onUnselect: function (event) {

    $('#getDropdownData').children().remove().end().append('<option selected value="select one column"></option>');

}
onLoad: function (event) {
     $("#getDropdownData").select2({ width: "160px" });
}