在 ExtJS 中禁用属性网格的自动排序

Question

我正在处理属性网格。我想阻止属性网格的列名称自动排序。 这是我的代码。粗体突出显示的代码是我的属性网格来源，它的顺序就像我想看到的那样。但 Ext 会按字母顺序自动排序列顺序。我怎样才能防止这种情况发生。

感谢您的任何建议。

Ext.ns('Application.propertygrid');
Application.propertygrid.FileDetail = Ext.extend(Ext.grid.PropertyGrid, {
    title: 'File Detail',
    height: 200,
    border: false,
    stripeRows: true,
    flex: 1,
    initComponent: function () {
        Application.propertygrid.FileDetail.superclass.initComponent.apply(this, arguments);
    },
    source: {
        Name: 'Please select a file',
        Type: 'Please select a file',
        Size: 'Please select a file',
        Path: 'Please select a file',
        FullPath: 'Please select a file',
        Width: 'Please select a file',
        Height: 'Please select a file'
    },
    listeners: {
        beforeedit: function(){
            return false; // prevent editing 
        },
        headerclick: function(){
            return false; // prevent column sorting on click
        }
    }
})
Ext.reg('filedetail', Application.propertygrid.FileDetail);

Answer 1

是的。我已经完成了。这是解决方案。

var p = new Ext.grid.PropertyGrid({
  ...
  // do not specify 'source' here
});

delete p.getStore().sortInfo; // Remove default sorting
p.getColumnModel().getColumnById('name').sortable = false; // set sorting of first column to false
p.setSource(source); // Now load data

Answer 2

这不适用于 Extjs 4：

delete p.getStore().sortInfo; // Remove default sorting
p.getColumnModel().getColumnById('name').sortable = false; // set sorting of first column to false
p.setSource(source); // Now load data

您可以尝试以下操作：

p.getStore().sorters.items = [] // which should remove sorting information from the store
p.setSource(source) // now load the data

Answer 3

对于 Extjs 3.4 应该只需要：

delete propertygrid.getStore().sortInfo;

Answer 4

这就是我这样做的方式：
当我定义列时，我将 sortable 属性设置为 false 并定义自己的“可排序标志”，如下所示：

var column = {
            xtype: 'column-component',
            ...
            sortable: false,
            sortableColumn: true
        }

稍后，当用户单击列标题时（headerclick 事件被触发），我检查该列是否可排序，如下所示：

onHeaderClick: function(ct, column, e) {
    if (column.sortableColumn) {
        // do your own sorting ... 
    }
}