jqgrid reload grid после успешного встроенного обновления/встроенного создания записи

Question

Мне интересно, как я могу вызвать reloadGrid после встроенного редактирования строки.

<script type="text/javascript"> 

    jQuery(document).ready(function(){ 
     var lastcell; 
     jQuery("#grid").jqGrid({ 
      url:'{{ json_data_handler }}?year={{ get_param_year }}&month={{ get_param_month }}&project_id={{ get_param_project_id }}', 
      datatype: "json", 
      mtype: 'GET', 
      colNames:['hour_record_pk', 'project_pk', 'weekday', 'date', 'sum', 'description'], 
      colModel:[ 
        {name:'hour_record_pk',index:'hour_record_pk', width:55, sortable:false, editable:true, editoptions:{readonly:true,size:10}}, 
        {name:'project_pk',index:'project_pk', width:55, sortable:false, editable:true, editoptions:{readonly:true,size:10}}, 
        {name:'weekday',index:'weekday', width:300, editable:false, sortable:false}, 
        {name:'date_str',index:'date_str', width:300, editable:true, sortable:false, editoptions:{readonly:true}}, 
        {name:'sum',index:'sum', width:100, editable:true, sortable:true,editrules:{number:true,minValue:0,maxValue:24,required:true}}, 
        {name:'description',index:'description', width:600, editable:true, sortable:false,}, 
       ], 
     jsonReader : { 
       repeatitems:false 
     }, 
      rowNum:31, 
      rowList:[10,20,31], 
      //pager: jQuery('#gridpager'), 
      sortname: 'id', 
      viewrecords: true, 
      sortorder: "asc", 
      width: 800, 
      height: 750, 
      caption:"Hour Record Overview", 
      reloadAfterEdit: true, //seems to have no effect 
      reloadAfterSubmit: true, //seems to have no effect 
      onSelectRow: function(id){  
       if(id && id!==lastcell){ 
        jQuery('#grid').jqGrid('restoreRow',lastcell); 
        jQuery('#grid').jqGrid('editRow',id,true); 
        lastcell=id; 
        } 
       }, 
      editurl:"{% url set_hour_record_json_set %}" 
    }).navGrid('#gridpager'); 
    }); 

function reload(result) { 
    $("#grid").trigger("reloadGrid"); 
    } 

Я создал уже метод перезагрузки, но я не уверен, куда поместить его в Я попробовал:.

jQuery('#grid').jqGrid('editRow',id,true,reload()); 

, но это уже вызывается, когда пользователь щелкает в ряд. Приведенный выше код позволяет пользователю щелкнуть по строке и при нажатии введите данные, и запись будет обновлена ​​или создана.

После того, как пользователь создал новый объект, мне нужно перезагрузить сетку, так как мне нужен идентификатор объекта только что созданного объекта, чтобы позаботиться о дальнейшем редактировании этой строки.

Edit: Решение:

onSelectRow: function(row_id){ 
      if(row_id != null) { 
       if(row_id !== last_selected_row) { 
        jQuery('#grid').jqGrid('restoreRow',last_selected_row); 
        jQuery('#grid').jqGrid('saveRow',row_id) 
          .editRow(row_id, true,false,reload); 
        last_selected_row = row_id; 
       } else { 
        last_selected_row=row_id; 
       } 
       } 
      }, 

Update: Для дальнейшего использования. Все пользователи, начинающие с сетки js, также могут посмотреть на Slickgrid, поскольку я переключился с jqgrid на slickgrid и могу только рекомендовать его.

Answer 1

Синтаксис функции editRow

jQuery("#grid_id").jqGrid('editRow', rowid, keys, oneditfunc, succesfunc, url, extraparam, aftersavefunc, errorfunc, afterrestorefunc); 

oneditfunc: fires after successfully accessing the row for editing, prior to allowing user access to the input fields. The row's id is passed as a parameter to this function.

succesfunc: if defined, this function is called immediately after the request is successful. This function is passed the data returned from the server. Depending on the data from server; this function should return true or false.

aftersavefunc: if defined, this function is called after the data is saved to the server. Parameters passed to this function are the rowid and the response from the server request.

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

jQuery('#grid').jqGrid("editRow", id, true, '', '', '', '', reload) 

я поручил ваш Reload функции, которая перегружает сетку для 'aftersavefunc параметра'

сам метод перезагрузки должен быть определен следующим образом

function reload(rowid, result) { 
    $("#grid").trigger("reloadGrid"); 
} 

Answer 2

Посмотрите на метод saveRow:

saveRow (rowid, succesfunc, url, extraparam, aftersavefunc, onerrorfunc)

, который определяет два обратного вызова (successfuncs, aftersavefunc), которая будет вызвана, когда запрос успешно завершен, и после того, как данные были сохранены соответственно.

Answer 3

Из документов, я думаю, afterSaveCell будет работать лучше для вас (afterSubmitCell может работать хорошо, но это, кажется, требует конкретного возвращаемого значения. afterEditCell происходит до того, как удар сервера происходит так, что будет слишком рано).

jQuery('#grid').jqGrid('editRow', id, true, reload); 

jQuery(document).ready(function(){ 
    var lastcell; 
    jQuery("#grid").jqGrid({ 

     // [snip earlier config] 

     onSelectRow: function(id){  
      if(id && id!==lastcell){ 
       jQuery('#grid').jqGrid('restoreRow',lastcell); 
       jQuery('#grid').jqGrid('editRow',id,true); 
       lastcell=id; 
       } 
      }, 
     editurl:"{% url set_hour_record_json_set %}", 
     onAfterSaveCell: reload 
    }).navGrid('#gridpager'); 
}); 

function reload(result) { 
    $("#grid").trigger("reloadGrid"); 
} 

Однако перезагрузка всей сетки, вероятно, будет чрезмерной, учитывая информацию, которую вы описали до сих пор. Если на стороне сервера не обрабатывается поданная информация (это означает, что данные в db могут отличаться после сохранения), перезагрузка после простого редактирования кажется мне пустой тратой времени.

Что касается того, когда вы создаете новую строку, опять же, если нет только перехвата данных на стороне сервера, похоже, было бы проще просто получить новый идентификатор из submit, а затем внести это индивидуальное изменение в jqGrid. Однако, в конце концов, это зависит от того, сколько времени займет перезагрузка всей таблицы.

Answer 4

Попробуйте

 $("#grid").jqGrid('editRow', rowid, true, null, null, null, {}, aftersavefunc); 

// 

     function aftersavefunc(rowid, result) { 
     $("#grid").trigger("reloadGrid"); 
    } 


// 

Answer 5

Ок, теперь решение для копирования-пасты, которое работает хотя бы для меня

onSelectRow: function(id){ 
    $('#grid').jqGrid("editRow", id, true, '', '', '', '', reloadTable); 
}, 
// more confir 

// reload table after submit. Put it somewhere in your JS file 
    function reloadTable(result) { 
    $('#grid').trigger("reloadGrid"); 
    }