如何在ExtJS中启用排序？

我正在寻找一种在属性网格上启用排序的方法。我试图在某些地方将一些“sortable”和“defaultSortable”设置为true，但什么也没发生。 通常在ExtJS中，sortable是默认的，为什么它对我不起作用

columns: [

        { header: 'Sample Name',  dataIndex: 'sample_name',flex: 1,sortable: true,
            editor: {
                allowBlank: true
            } },
        { header: 'Sample Type', dataIndex: 'sample_type',flex: 1,sortable: true,
            editor: {
                allowBlank: false
            } },
        { header: 'Text Code', dataIndex: 'text_code',flex: 1,sortable: true,
            editor: {
                allowBlank: false
            } },
]

---

您需要使用Ext.grid.Panel。 默认情况下，sortableColumns为true，请参见

在fiddle中尝试以下代码：

Ext.application({
    name : 'Fiddle',

    launch : function() {
        Ext.create('Ext.data.Store', {
            storeId:'simpsonsStore',
            fields:['name', 'email', 'phone'],
            data:{'items':[
                { 'name': 'Lisa',  "email":"lisa@simpsons.com",  "phone":"555-111-1224"  },
                { 'name': 'Bart',  "email":"bart@simpsons.com",  "phone":"555-222-1234" },
                { 'name': 'Homer', "email":"home@simpsons.com",  "phone":"555-222-1244"  },
                { 'name': 'Marge', "email":"marge@simpsons.com", "phone":"555-222-1254"  }
            ]},
            proxy: {
                type: 'memory',
                reader: {
                    type: 'json',
                    root: 'items'
                }
            }
        });

        Ext.create('Ext.grid.Panel', {
            title: 'Simpsons',
            store: Ext.data.StoreManager.lookup('simpsonsStore'),
            columns: [
                { text: 'Name',  dataIndex: 'name' },
                { text: 'Email', dataIndex: 'email', flex: 1 },
                { text: 'Phone', dataIndex: 'phone' }
            ],
            height: 200,
            width: 400,
            renderTo: Ext.getBody()
        });
    }
});

---

拼凑一把小提琴。具有可用的默认排序，无需应用属性。你可以在我的房间里。您尝试过属性吗？。是的，我知道它有默认排序属性，但我不知道为什么它对我不起作用。现在我将使用sortableColumns属性sortableColumns也不起作用