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文档