Print Page - How to update dagagrid rownumbers column when pager number change ?

In UI view, user will choose some filter condition and execute a search action.
I use a datagrid component to show the query result.
I use loadData metod to refresh table view. (because I add some status flag in ajax response excepting "total" and "rows")
When user click next/preous on datagrid pager, the datagrid data updated, but the rownumbers column is still for page No.1
How to update the rownumbers column either ?

Here's my code snaphost:
datalist_obj=$("#"+tableId).datagrid({
   pagination:true,
   rownumbers:true
});
datalist_obj.datagrid("getPager").pagination({
   pageSize: DEFAULT_PAGE_SIZE,
   pageList:[DEFAULT_PAGE_SIZE,100,200],
   onSelectPage:function(pageNumber, pageSize){
      query_data_list(pageNumber, pageSize);
   }
});

$(document).ready(function() {
   query_data_list(1,DEFAULT_PAGE_SIZE);
});

function query_data_list(pageNumber,pageSize){
   var ajaxData=new Object();
   ajaxData.pageNumber=pageNumber;
   ajaxData.pageSize=pageSize;
   var tableId="data_list_table";

   $("#"+tableId).datagrid("loading");
    var myDataType="text";
    var ajax_url="controller.php";
    sendAjaxRequest(ajaxData,ajax_url,myDataType,
    function(JSONobj){//this is AJAX succeed callback function, JSONobj contains these fields: result, rows, total.
$("#"+tableId).datagrid("loaded");
       var code = JSONobj.result.code;
       var msg = JSONobj.result.msg;
       if(code!="000"){
       $.messager.alert("Message",msg,"warning");
       return;
       }
       var total = JSONobj.total;
       if(total == 0){
       $.messager.alert("Search Result","No result found.","info");
       }
       $("#"+tableId).datagrid('loadData',JSONobj); //datagrid pager changed, but rownumbers column not updated.
    }
    );
}

The better way to customize the loading behavior is to override the 'loader' function. Please refer to the following code:

Code:

$('#dg').datagrid({
  loader: function(param,success,error){
    var target = this;
    var opts = $(target).datagrid('options');
    if (!opts.url) return false;
    $.ajax({
      type: opts.method,
      url: opts.url,
      data: param,
      dataType: 'json',
      success: function(data){
        if (data.code == '000'){
          success(data);
        } else {
          $(target).datagrid('loaded');
          $.messager.alert("Message",'msg',"warning");
        }
      },
      error: function(){
        error.apply(target, arguments);
      }
    });          
  }
})

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: citos on October 19, 2015, 02:27:08 AM