Ext JS 3 - отключить сортировку по щелчку заголовка столбца сетки

Question

Когда в столбце включена сортировка, щелчок по заголовку автоматически сортирует по этому столбцу.Я хочу запретить сортировку по щелчку заголовка столбца, но сохранить сортировку через меню заголовка.Другими словами, единственный способ отсортировать столбец - войти в меню заголовка.Есть мысли?

Answer 1

{
  xtype: 'gridcolumn',
  menuDisabled: true,
  width: '75%'
}

Answer 2

var contextMenu = new Ext.menu.Menu({
items: [{
    id: 'sort-high-to-low',
    cls: 'xg-hmenu-sort-asc',
    text: 'Sort Ascending within Group'
},{
    id: 'sort-low-to-high',
    cls: 'xg-hmenu-sort-desc',
    text: 'Sort Descending within Group'
},'-',{
    id: 'sort-high-to-low-all',
    cls: 'xg-hmenu-sort-asc',
    text: 'Sort All Ascending'
},{
    id: 'sort-low-to-high-all',
    cls: 'xg-hmenu-sort-desc',
    text: 'Sort All Descending'
},'-',  {
    id: 'heatmap',
    cls: 'xg-hmenu-heatmap',
    text: 'Open in Heatmap'
}],
listeners: {
    scope: this,
    itemclick: function(item) {
        switch (item.id) {
        case 'sort-high-to-low':
            Ext.getCmp('backtestGrid').getStore().sort(contextMenu.columnId,'ASC');
            this.hide();
            break;
        case 'sort-low-to-high':
            Ext.getCmp('backtestGrid').getStore().sort(contextMenu.columnId,'DESC');
            this.hide();
            break;
        case 'sort-high-to-low-all':
            Ext.getCmp('backtestGrid').getStore().clearGrouping();
            Ext.getCmp('backtestGrid').getStore().sort(contextMenu.columnId,'ASC');
            this.hide();
            break;
        case 'sort-low-to-high-all':
            Ext.getCmp('backtestGrid').getStore().clearGrouping();
            Ext.getCmp('backtestGrid').getStore().sort(contextMenu.columnId,'DESC');
            this.hide();
            break;
        case 'heatmap':
            heatmapCallback(contextMenu.headerName, contextMenu.columnId);
            this.hide();
            break;
        }
    }
}});

Answer 3

В Ext 6:

Переопределить Ext.grid.column.Column, чтобы обусловить атрибут sortOnClick метода onTitleElClick

I и использовать новую конфигурацию enableSortOnClick для управления этим.

Настройка enableSortOnClick = false отключает сортировку по щелчку заголовка, но поддерживает функцию сортировки в раскрывающемся меню заголовка.

Ext.define('App.overrides.ColumnOverride', {
    override: 'Ext.grid.column.Column',

    config: {
        /** Control sortOnClick at TitleElClick event*/
        enableSortOnClick: false,
    },

    /**@Overrides*/
    onTitleElClick: function(e, t, sortOnClick) {
        return this.callParent([e, t, this.enableSortOnClick && sortOnClick]);
    }
});  

Answer 4

http://forums.ext.net/showthread.php?12608-CLOSED-How-to-disable-sorting-by-click-the-header-of-column-in-GridPanel

Answer 5

Я закончил создание своего собственного контекстного меню на основе следующего поста.

Как создать контекстное меню для сетки extjs