【ExtJS】错误:this.config[...].width为空或不是对象

var grid = new Ext.grid.GridPanel({
        store: store,
        columns: [
            {id : 'company',header: 'Company', width: 160, sortable: true, dataIndex: 'company'},
            {header: 'Price', width: 75, sortable: true, renderer: 'usMoney', dataIndex: 'price'},
            {header: 'Change', width: 75, sortable: true, renderer: change, dataIndex: 'change'},
            {header: '% Change', width: 75, sortable: true, renderer: pctChange, dataIndex: 'pctChange'},
            {header: 'Last Updated', width: 85, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
        ],
        stripeRows: true,
        autoExpandColumn: 'company',
        height: 350,
        width: 600,
        title: 'Array Grid',
        // config options for stateful behavior
        stateful: true,
        stateId: 'grid'       
    });

上面代码中红颜色hightlight的id去掉,刷新页面报:this.config[...].width为空或不是对象的错误。查看Ext API帮助文档,其中Column类中对id的解释中最后一句:
      The Ext.grid.GridPanel.autoExpandColumn grid config option references the column via this unique identifier.
      而GridPanel对autoExpandColumn的解释如下:
      autoExpandColumn : String

      The id of a column in this grid that should expand to fill unused space. This value specified here can not be 0.
      解决该问题的方法是:
     1.恢复操作,即把id : 'company'添加回去。
     2.把autoExpandColumn: 'company',去掉。
posted @ 2012-12-20 11:34  牧之丨  阅读(491)  评论(0编辑  收藏  举报