欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Extjs报错:'this.config[...].width' 为空或不是对象

程序员文章站 2022-07-14 20:46:28
...
转载http://jiangning85.blog.sohu.com/147135195.html
这个问题是由于在new Ext.grid.EditorGridPanel时加上属性autoExpandColumn: 'ipAddress',但是ColumnModel中没有id为“ipAddress”
的列的原因,如下代码:

  var grid = new Ext.grid.EditorGridPanel( {
  title:"Switch Info",
  store : store,
  height : document.body.clientHeight - 37,
  autoExpandColumn: 'ipAddress',
  width : document.body.clientWidth < 1024? "960" - 160: "1220" - 160,
  cm : colm,
  autoScroll : true,
  renderTo : "showDiv",
  sm : sm,
  bbar : new Ext.PagingToolbar( {
   pageSize : 22,
   store : store,
   displayInfo : true,
   displayMsg : 'show records from {0} to {1},the total number is {2}',
   emptyMsg : 'no record'
  })
});

  原因是如果你想要那一列填充整个表格,你必须在ColumnModel里对这一列加上id属性,如下:

   var colm = new Ext.grid.ColumnModel( [ {
  header : "SwitchID",
  dataIndex : "id",
  sortable : true
}, {
  id:"ipAddress",
  header : "IPAddress",
  dataIndex : "ipAddress",
  editor : new Ext.form.Field(),
  sortable : true
}, {
  header : "SaviStatus",
  dataIndex : "saviStatus",
  editor : new Ext.form.Field(),
  sortable : true
}, {
  header : "MaxDadDelay",
  dataIndex : "maxDadDelay",
  editor : new Ext.form.Field(),
  sortable : true
}, {
  header : "MaxDadPrepareDelay",
  dataIndex : "maxDadPrepareDelay",
  editor : new Ext.form.Field(),
  sortable : true
}, {
  header : "LinkDownDelay",
  dataIndex : "linkDownDelay",
  editor : new Ext.form.Field(),
  sortable : true
}, {
  header : "MaxSlaacLife",
  dataIndex : "maxSlaacLife",
  editor : new Ext.form.Field(),
  sortable : true
}, {
  header : "CommunityName",
  dataIndex : "communityName",
  editor : new Ext.form.Field(),
  sortable : true
}, {
  header : "SNMPVersion",
  dataIndex : "SNMPVersion",
  editor : new Ext.form.Field(),
  sortable : true
} ]);


相关标签: EXT Blog HTML