jquery - 如何在Jqxgrid的页面加载中显示Dropdownlist

我正在使用jqwidgets的Jqxgrid。

我已经在网格中选择了一个下拉列表。

我想默认在页面加载时以可编辑模式显示下拉列表。

请看一下该屏幕快照，其中第一个下拉菜单显示为'Please Choose'，请单击网格单元格，如何将其默认绑定。



下面是代码。

{
                text: 'Position of meter in Rack', datafield: 'MeterPositionInRack', width: 180, columntype: 'dropdownlist', editable: true,
                createeditor: function (row, column, editor) {
                    var list = ['1', '2', '3' ,'4'];
                    editor.jqxDropDownList({ autoDropDownHeight: true, source: list, selectedIndex: 0 });

                    editor.jqxDropDownList.bind('select', function (event) {
                        var args = event.args;
                        var item = $('#jqxdropdownlist').jqxDropDownList('getItem', args.index);
                        alert('Selected: ' + item.label);
                    });
                }
                , initeditor: function (row, cellvalue, editor) {
                    var list1 = ['1', '2', '3', '4'];
                    console.log("initeditor: " + list1);
                    editor.jqxDropDownList({ autoDropDownHeight: true, source: list1, selectedIndex: 0 });
                }
            }

请帮我。

最佳答案

Jqxgrid具有ready属性，可在初始化网格并完成绑定后执行任何操作，因此您可以触发begin更新方法：

$("#jqxgrid").jqxGrid({
 ...
 ready: function () {
          $("#jqxgrid").jqxGrid('beginrowedit', 0);
      },
 ...
 });

也可以看看：


Example
Jqxgrid ready properties

关于jquery - 如何在Jqxgrid的页面加载中显示Dropdownlist，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29774321/