jqGrid中的依赖组合框

Question

我正在使用jqGrid和PHP。

我的jqGrid中有两个组合框。当我在jqGrid中添加新行或使用Form编辑上一个行时，从第一个组合框中选择一个值时，我想更改第二个组合Box Value。

jqGrid中可以吗？

Answer 1

看the working example。

Answer 2

我假设您的两个组合框都使用数据库作为其数据。

在第一个组合框的编辑选项中，请使用以下代码：

editoptions: {
   value: "1:One;2:Two",
   dataEvents: [{
       type: "change",
       fn: function(e) {
          $("#your_grid").setColProp("second_combo", { 
              editoptions: { value: "-1:--Select One--"} 
          });
          var v = parseInt($(e.target).val(), 10);
          $.ajax({
             url: "path/to/your/controller/"+v,
             dataType: "html",
             success: function(data) {
                if ($(e.target).is(".FormElement")) {
                var form = $(e.target).closest("form.FormGrid");                                                       
                $("select#second_combo.FormElement", form[0]).html(data);
                }
                else {
                   // inline editing
                   var row = $(e.target).closest("tr.jqgrow");
                   var rowId = row.attr("id");
                   $("select#" + rowId + "_second_combo", row[0]).html(data);
                }
             }
       });
     }
  }] 
}   

现在位于网格的添加和编辑选项中，使用以下选项：

recreateForm:true   

您的控制器应使用以下语法返回数据：

  <option value="val">Display</option>

根据需要。

希望对您有帮助。