`
ilovejsj
  • 浏览: 205559 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

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

阅读更多
转载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
} ]);


分享到:
评论

相关推荐

    ExtJS-3.4.0系列:Ext.TabPanel

    在本文中,我们将深入探讨ExtJS中的`Ext.TabPanel`组件,它是创建多标签界面的核心元素。`Ext.TabPanel`允许开发者在单个容器中组织多个面板或视图,每个面板都有自己的标题,并且可以通过标签页进行切换。让我们...

    ExtJs3.3中文API.CHM_extjs3.3中文文档_

    4. **Ajax支持**:通过Ext.Ajax对象,开发者可以轻松地进行异步请求,处理JSON或XML数据,实现页面的无刷新更新。 5. **图表组件**:ExtJS 3.3包含了丰富的图表组件,如柱状图、饼图、线图等,用于数据可视化。 6....

    ExtJS2Samples-v2.0.0.zip_C语言_ExtJS2Samples_V2 _extjs_site:www.pu

    《ExtJS2Samples-v2.0.0.zip:探索C语言与ExtJS2Samples的结合应用》 在软件开发领域,C语言以其高效、灵活和强大的底层控制能力,始终占据着重要的地位。与此同时,Web前端技术也在不断发展,ExtJS作为一款优秀的...

    常用Extjs工具:Extjs.util.Format使用方法

    代理函数的上下文(this)可以被指定为调用函数时的特定对象。这在需要改变函数执行上下文时非常有用。 - createInterceptor(fun, scope):为函数设置拦截器,拦截器会在原函数执行之前运行。只有当拦截器返回true时...

    ExtJS实用开发指南.pdf

    ExtJS实用开发指南.pdf

    ExtJS ToolTip功能

    ### ExtJS ToolTip功能 #### 知识点详解 在ExtJS中,`ToolTip`功能是一种非常实用且灵活的功能,它允许用户在鼠标悬停在某个元素上时显示额外的信息。这种特性对于提高用户界面的可用性和用户体验尤其有用。本文将...

    extjs开发指导3.pdf

    【信息提示框组件】EXTJS的`Ext.Msg`类提供了多种类型的消息框,如`alert`、`confirm`和`prompt`,它们方便地封装了弹出对话框的功能,用于向用户显示信息、确认操作或收集输入。 【进度条组件】EXTJS的`Ext....

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在EXTJS这个强大的JavaScript框架中,`Ext.Panel`和`TreePanel`是两个非常重要的组件,它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据,以提升用户体验并实现灵活的数据...

    extjs 4.2.1.883

    工具包 是最新版 4.2.1.883 extjs是相当经典的框架,extjs4在前三个版本上继续优化,采用了一些主流的设计思想,效率进一步优化,而能也会存在一些问题。

    ASP.NET EXTJS 员工管理实例源码、注释详细

    概况:这个实例的开发工具为 vs2010,数据库为 sqlserver2008,数据库设计pd16。以下是对文件的详细说明: 解压文件 Asp.Net_VS2010_ExtJsDemo.zip夹后 会有以下3个文件夹: 00 ExtJs.Doc 01 ExtJs.SourceCode 02 ...

    ExtJs.part2.rarExtJs.part2.rarExtJs.part2.rar

    ExtJs.part2.rarExtJs.part2.rarExtJs.part2.rarExtJs.part2.rarExtJs.part2.rarExtJs.part2.rarExtJs.part2.rarExtJs.part2.rarExtJs.part2.rarExtJs.part2.rarExtJs.part2.rarExtJs.part2.rarExtJs.part2.rarExtJs...

    Extjs中文教程2.x

    - **概念**: 在 Extjs 中,数据通常被视为一种动作,而不是静态的对象。 - **类**: `Ext.data.DataProxy`, `Ext.data.DataReader`, `Ext.data.Store` 等用于管理数据。 **9.2 ComboBox** - **功能**: 下拉列表框...

    深入浅出ExtJS第2版.zip

    深入浅出ExtJS第2版.zip深入浅出ExtJS第2版.zip深入浅出ExtJS第2版.zip深入浅出ExtJS第2版.zip

    Extjs3 多选下拉框LovCombo

    ExtJS 3是一款基于JavaScript的富客户端框架,用于构建功能丰富的、交互式的Web应用程序。在ExtJS 3中,多选下拉框(LovCombo)是一种复合组件,它结合了下拉列表和“爱好者选择”(LOV,Lookup Value)的功能,允许...

    extjs 学习资料 全........

    这些文件对于理解EXTJS本身并不是必要的,但它们涉及到Windows操作系统上的程序兼容性和执行环境。 1. **MFC80U.DLL**:这是Microsoft Foundation Classes (MFC)的一个版本,它是一个C++类库,用于简化Windows应用...

    ExtJs的Ext.Ajax.request实现waitMsg等待提示效果

    在使用ExtJs开发Web应用程序时,实现用户在进行耗时的Ajax请求时的等待提示效果是一个常见的需求。ExtJs提供了Ext.Ajax.request方法来进行Ajax请求,但默认情况下,该方法不支持waitMsg属性,不像fp.form.submit方法...

    extjs 基础入门 1.x与2.x对比轻松学习pdf文档

    ### ExtJS基础知识与1.x至2.x版本对比学习 #### 一、ExtJS简介 ExtJS是一款基于JavaScript的开源框架,用于开发丰富的交互式Web应用程序。它提供了强大的UI组件库,使得开发者能够快速构建高性能、高用户体验的...

    fmsoft_unigui_extjs_0.89.0.956_setup.956_setup.rar

    FMSoft UniGUI ExtJS 0.89.0.956 的安装程序,即 "fmsoft_unigui_extjs_0.89.0.956_setup.956_setup.rar",是一个专门为 Delphi 开发者设计的压缩包。它包含了运行和配置 FMSoft 的 UniGUI 框架与 ExtJS 组件库所需...

    ExtJS树形结构.docx

    在EXTJS中,树形结构(Tree)是一种用于展示层级数据的组件,它允许用户以图形化的方式浏览和操作层次关系。以下是对标题和描述中所述EXTJS实现简单树状结构的知识点的详细说明: 1. **Ext.onReady**:这是EXTJS...

Global site tag (gtag.js) - Google Analytics