Print Page - How to change datagrid column sortable set after datargid is parsered

How to change datagrid column sortable set after datargid is parsered.

I want to use a switchbutton to enable/disable some columns sortable

Is there any way to do that . I know there is onBeforeSortColumn can return false to stop sort, but I don't want the column shows it can sort when not match the condition what I give.

This is the extended method to enable or disable the sortable on a column.

Code:

(function($){
  function setSortable(target, field, sortable){
    var col = $(target).datagrid('getColumnOption', field);
    col.sortable = sortable;
    var state = $(target).data('datagrid');
    var dc = state.dc;
    var header = dc.header1.add(dc.header2);
    var icon = header.find('td[field="'+field+'"] .datagrid-sort-icon');
    sortable ? icon.show() : icon.hide();
  }

  $.extend($.fn.datagrid.methods, {
    enableSortable: function(jq, field){
      return jq.each(function(){
        setSortable(this, field, true)
      })
    },
    disableSortable: function(jq, field){
      return jq.each(function(){
        setSortable(this, field, false)
      })
    }
  })

})(jQuery);

Usage example:

Code:

$('#dg').datagrid('enableSortable', 'name');
$('#dg').datagrid('disableSortable', 'name');

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: James on April 23, 2020, 08:31:39 PM