Extjs locked無效，使用enableLocking便可

1、前言

　　在使用 extjs 作表格時，因爲表格的列太多，咱們須要設置一些固定列來查看數據，因此咱們須要用到 locked 屬性。普通加載 columns 的列是有效的，若是是動態加載的話，使用 locked 無效。

2、解決方案

　　解決方案就是填加一個 enableLocking：true 便可。

Ext.define('KitchenSink.view.grid.LockingGrid', {
    extend: 'Ext.grid.Panel',
    xtype: 'locking-grid',
    controller: 'basicgrid',

    requires: [
        'Ext.grid.RowNumberer'
    ],

    title: 'Locking Grid',
    height: 350,
    width: 600,

    store: 'Companies',

    enableLocking : true,//必填 默認是false
    columnLines: true,//顯示列邊框
    rowLines : false,//顯示行邊框

    syncRowHeight: false,
    
    columns: [{
        xtype: 'rownumberer'
    }, {
        text: 'Company Name',
        dataIndex: 'name',
        locked: true,
        width: 230,
        sortable: false
    }, {
        text: 'Price',
        dataIndex: 'price',
        lockable: false,

        width: 80,
        sortable: true,
        formatter: 'usMoney'
    },]
});

注意：

1. 在 columns 不能因此列都鎖定，若是有鎖定列，必需要有一列不鎖定。
2. 若是佈局中有Flex:1 佈局是不能夠的，必需要width：11具體是數字才能夠。
3. 不知道爲何就看api文檔