Question

I have the following problem:

Inside a jqGrid there is a dropdownlist with option dataUrl to fetch data from a server.
If I click on form edit (or add) the dropdown is OK, but I need to disable it if the row is already existing. I saw that by using afterShowForm events, it works only when the dropdown is already populated (after the first time). The first time, it seems that afterShowForm is fired before the dropdown is populated by dataUrl.

How can I solve this issue?

Answer 1

It seems to me that the most simplest way to disable dropdown would be to use buildSelect event in the editoptions additionally to the the dataUrl. If the data returned by dataUrl has already correct
form the buildSelect can just return the input parameter back, but one can additionally disable the

You should also use recreateForm:true for the form to be sure that all callback will be always called. The code schema can be about the following:

var needDisable=true;
$("#list").jqGrid({
    colModel:[
        {name:'myDropDown',editable: true,edittype:"select",
         editoptions:{dataUrl:'myDropDown.txt',
                      buildSelect: function(data) {
                          var field_id=this.id; // "myDropDown"
                          setTimeout(function(){
                              if (needDisable) {
                                  $('#tr_'+field_id).attr('disabled','disabled');
                              } else {
                                  $('#tr_'+field_id).removeAttr('disabled');
                              }
                          }, 100);
                          return data;
                      }
        },
        // ... other colModel columns
    ],
    // ... other jqGrid parameters
}).jqGrid('navGrid','#pager',{},
          { // Edit form parameters
              recreateForm:true,
              beforeShowForm:function(form){
                  needDisable=true;
              }
          },
          { // Add form parameters
              recreateForm:true,
              beforeShowForm:function(form){
                  needDisable=false;
              }
          });