Зависимый ComboBox в jqGrid

Question

Я использую jqGrid и PHP.

У меня есть две комбинированные коробки в моей jqGrid. Я хочу изменить значение второго поля со списком, когда я выбираю значение из первого, когда добавляю новую строку или редактирую предыдущую, используя форму в моей jqGrid.

Возможно ли это в jqGrid. Пожалуйста, помогите мне с рабочим примером.

Answer 1

Я предполагаю, что оба ваших поля со списком используют базу данных для своих данных.

В опциях редактирования первого комбобокса используйте следующий код:

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>

Столько, сколько вам нужно.

Надеюсь, это будет полезно для вас.

Answer 2

Посмотрите на рабочий пример .