0

单击该行时，我想填充一个 jqGrid 单元格下拉列表。我正在单击该行，但未填充下拉列表。

我为在编辑或单击行时填充下拉列表而编写的代码是：

colModel: [
            { name: 'Emp_code', width: 50, sortable: false, align: "center" },
            { name: 'Emp_name', width: 200, sortable: false },
        //{ name: 'totalhours', width: 100, sortable: false, align: 'center', editable: true, edittype: "select", editoptions: { value: "1:1;2:2;3:3;4:4;5:5;6:6;7:7;8:8;9:9"} }
            {name: 'totalhours', index: 'totalhours', width: 100, sortable: false, align: 'center', editable: true, edittype: "select",
            editoptions:
            {
                dataInit: function(elem) {

                    $(elem).empty()
                    .append($('<option></option>').val("1").html("Apples"))
                    .append($('<option></option>').val("2").html("Oranges"));

                }
            }
        }
        ],

我想在行单击时填充总小时数列，该列将填充苹果和橙子，但不知何故我得到了空白下拉列表。在行上单击下拉菜单会显示，但未填充。

4

2 回答 2

0

如果您需要从服务器获取 select 的选项项，您应该使用editoptions dataUrl和 optional buildSelect。如果服务器返回 JSON 而不是 HTML 片段

<select><option value="1">Apples</option><option value="2">Oranges</option></select>

可以使用buildSelect将服务器响应转换为格式。如果服务器返回 JSON 格式的字符串，您的buildSelect事件处理程序实现可以将 JSON 字符串转换为对象，然后<select>...</select>从对象构造字符串。

例如，您可以在此处找到相应的代码示例。

于 2011-02-24T12:09:48.140 回答
0

根据你的建议，我这样做了..

 colModel: [
            { name: 'Emp_code', width: 50, sortable: false, align: "center" },
            { name: 'Emp_name', width: 200, sortable: false },
        //{ name: 'totalhours', width: 100, sortable: false, align: 'center', editable: true, edittype: "select", editoptions: { value: "1:1;2:2;3:3;4:4;5:5;6:6;7:7;8:8;9:9"} }

           {name: 'totalhours', width: 100, sortable: false, align: 'center', editable: true, edittype: "select",
           editoptions: { dataUrl: '../Services/ServiceTest.asmx/GetListHours',
               buildSelect: function(data) {
                   alert('hello i am here ');
                   var response = jQuery.parseJSON(data.responseText);
                   var s = '<select>';
                   if (response && response.length) {
                       for (var i = 0, l = response.length; i < l; i++) {
                           var ri = response[i];
                           s += '<option value="' + ri + '">' + ri + '</option>';
                       }
                   }
                   return s + "</select>";
               }

           }
       }
        ],

我要求的相应网络服务是：

public String GetListHours() 
    {
        List<int> list = new List<int> { };            
        for (int i = 0; i < 10; i++)
        {
            list.Add(i);
        }
        return JsonConvert.SerializeObject(list);
    }

但是当我单击该行时，下拉列表仍然显示为空白......有什么我应该通过的事件吗？当我点击一行时应该被解雇？填充下拉列表？以上是我根据您的建议尝试实现的代码。但似乎它甚至没有调用 dataurl 来填充，因为函数警报根本没有触发

于 2011-02-24T12:21:33.617 回答