代码如下:

  1. Ext.onReady(function(){
  2.        //定义列
  3. var cm = new Ext.grid.ColumnModel([
  4. {header: '编号', dataIndex: 'id'},
  5. {header: '名称', dataIndex: 'name'},
  6. {header: '描述', dataIndex: 'des'}
  7. ]);
  8.  
  9. //数据定义
  10. var data = [
  11. ['1001','name1','description1'],
  12. ['1002','name1','description1'],
  13. ['1003','name1','description1'],
  14. ['1004','name1','description1'],
  15. ['1005','name1','description1']
  16. ];
  17.  
  18. //数据源定义
  19. var store = new Ext.data.Store({
  20. proxy: new Ext.data.MemoryProxy(data),
  21. reader: new Ext.data.ArrayReader({},[
  22. {name: 'id'},
  23. {name: 'name'},
  24. {name: 'des'}
  25. ])
  26. });
  27. store.load();
  28.  
  29. //grid panel
  30. var grid = new Ext.grid.GridPanel({
  31. renderTo: Ext.getBody(),
  32. store: store,
  33. cm: cm
  34. });
  35. });

google了一下:In Extjs 4.0 ,there is no colModel config for GridPanel(http://www.sencha.com/forum/showthread.php?199720-Ext.grid.ColumnModel-is-not-a-constructor)然后查看其API:其用法如下

  1. Ext.onReady(function(){
  2.         Ext.create('Ext.data.Store', {
  3. storeId: 'simpleStore',
  4. fields: ['name', 'email', 'phone'],
  5. data:{
  6. 'items':[
  7. {'name':'yanshiying', 'email':'email', 'phone':'1234567890'},
  8. {'name':'yanshiying', 'email':'email', 'phone':'1234567890'},
  9. {'name':'yanshiying', 'email':'email', 'phone':'1234567890'}
  10. ]
  11. },
  12. proxy: {
  13. type: 'memory',
  14. reader: {
  15. type: 'json',
  16. root: 'items'
  17. }
  18. }
  19. });
  20.  
  21. Ext.create('Ext.grid.Panel', {
  22. title: 'Simple',
  23. store: Ext.data.StoreManager.lookup('simpleStore'),
  24. columns: [
  25. {header: 'Name', dataIndex: 'name'},
  26. {header: 'Email', dataIndex: 'email'},
  27. {header: 'Phone', dataIndex: 'phone'}
  28. ],
  29. height: 200,
  30. width: 400,
  31. renderTo: Ext.getBody()
  32. });
  33. })

运行效果:

Ext4.0.7使用Ext.grid.ColumnModel报错:TypeError: Ext.grid.Model is not a constructor的更多相关文章

  1. 安装php时,make步骤报错make: *** [ext/gd/gd.lo] Error 1

    安装PHP时,make步骤报错make: *** [ext/gd/gd.lo] Error 1 /usr/local/src/LAMP+memcahed+catci/php-5.4.0/ext/gd/ ...

  2. Selenium Grid 运行报错 Exception thrown in Navigator.Start first time ->Error forwarding the new session Empty pool of VM for setup Capabilities

    Selenium Grid 运行报错 : Exception thrown in Navigator.Start first time ->Error forwarding the new se ...

  3. org.apache.tomcat.util.descriptor.web.WebXml.setVersion Unknown version string [4.0]. Default version will be used.报错

    org.apache.tomcat.util.descriptor.web.WebXml.setVersion Unknown version string [4.0]. Default versio ...

  4. 将Xcode升级到10.0以上版本,Appium启动报错的问题

    前言 现在的Xcode最新版本都是在10.1,原先使用的版本是9.4.1!结果今天手贱将其升级... 然后,跑IOS自动化时,出现“Xcode version '0.1'. Support for X ...

  5. django2.0+连接mysql数据库迁移时候报错

    django2.0+连接mysql数据库迁移时候报错 情况一 错误信息 django.core.exceptions.ImproperlyConfigured: mysqlclient 1.3.13 ...

  6. django2.0变动数据库设置外键报错

    1.报错TypeError: __init__() missing 1 required positional argument: 'on_delete' django2.0以后创建数据库外键的时候必 ...

  7. python 报错TypeError: 'range' object does not support item assignment,解决方法

    贴问题 nums = range(5)#range is a built-in function that creates a list of integers print(nums)#prints ...

  8. 完美解决 scipy.misc.imread 报错 TypeError: Image data cannot be converted to float

    File "/home/harrison/anaconda3/lib/python3.7/site-packages/matplotlib/image.py", line 634, ...

  9. 关于Jupyter Notebook无法自动补全(Autocompletion),报错TypeError: __init__() got an unexpected keyword argument 'column' 的解决方案

    关于Jupyter Notebook无法自动补全(Autocompletion),报错TypeError: __init__() got an unexpected keyword argument ...

随机推荐

  1. PlayerPrefs类

    该类用于本地持久化保存与读取数据工作原理是:以键值对的形势将数据保存在文件中.该类可以保存与读取3种基本的数据类型,它们是浮点型.整型和字符串型,涉及的方法如下.SetFloat():保存浮点类型Se ...

  2. bash与sh的区别

    在shell脚本的开头往往有一句话来定义使用哪种sh解释器来解释脚本.目前研发送测的shell脚本中主要有以下两种方式:(1) #!/bin/sh(2) #!/bin/bash在这里求教同福客栈的各位 ...

  3. Android App Widget的简单使用

    App Widget是一些桌面的小插件,比如说天气和某些音乐播放应用,放到桌面去的那部分: 例如: 实现步骤及代码如下: (1)首先,在AndroidManifest.xml中声明一个App Widg ...

  4. 符号表(Symbol Tables)

    小时候我们都翻过词典,现在接触过电脑的人大多数都会用文字处理软件(例如微软的word,附带拼写检查).拼写检查本身也是一个词典,只不过容量比较小.现实生活中有许多词典的应用: 拼写检查 数据库管理应用 ...

  5. swift 弹窗

    直接拷贝使用即可 let alert = UIAlertController(title:nil,message:"输入不能为空",preferredStyle: .Alert) ...

  6. jre配置了1.6,但是eclipse仍然提示需要1.6以上的java

    问题: eclipse创建web项目时,提示错误:Dynamic Web Module 3.0 requires Java 1.6 or newer. 原因: 这是因为当前的编译器java版本太低,请 ...

  7. 选择Android还是IOS开发?

    选择Android还是IOS? 随着移动互联网的如日中天,涌现了越来越多的开发者.IOS优秀的用户体验,Android极高的用户群,这对于开发者来说陷入了选择困难的境地,尤其是新入门的开发者,精力有限 ...

  8. Microsoft Dynamics CRM 2016 增强版的解决方案(CRM新特性,开发者的福利)

    CRM在以前的版本中,如果你改变了一个字段(组织A)然后打算导入到其他组织(组织B),你必须创建一个解决方案,包括完整的实体,并导出导入.然而,如果其他团队成员正在相同的实体做了自定义但不想让这些变化 ...

  9. html img Src base64 图片显示

    http://blog.csdn.net/knxw0001/article/details/10983605 大家可能注意到了,网页上有些图片的src或css背景图片的url后面跟了一大串字符,比如: ...

  10. docke 网络配置2

    一,docker 的bridge模式是和vmware中的nat模式类似的,但是如果想要弄成和vmwae中的bridge怎么办呢? 说明,bridge模式获取的Ip是与宿主机的ip是出于同一个网段的. ...