this.fields.get(c) is undefined

原创 2012年03月28日 13:37:03

今天在做项目的时候碰到这个问题,和大家一起分享:

源代码:大家一定需要注意我的Store中的sortInfo:

<script type="text/javascript">
             Ext.onReady(function(){
                 
                 Ext.QuickTips.init();
                 
                 //别名
                 var xg=Ext.grid;
                 
                 //创建一个ArrayReader
                 var reader=new Ext.data.ArrayReader({},[
                   {name:"name",type:"string"},
                   {name:"age",type:"int"},
                   {name:"empno",type:"int"},
                   {name:"sex",type:"int"},
                   {name:"birthday",type:"date",dateFormat:"n/j h:ia"},
                   {name:"salary",type:"float"},
                   {name:"deptno",type:"int"}
                 ]);
                 
                 //创建一个store
                 var store=new Ext.data.GroupingStore({
                   reader:reader,
                   data:xg.dummyData,
                   sortInfo:{field:"company",direction:"ASC"},
                   groupField:"deptno"  //根据部门来分组
                 });
                 
                 
                 //name的renderer
                 function nameCls(val){
                    if(val.length>2){
                    return "<span stype='color:red;'>"+val+"</span>";
                    }
                    return "<span stype='color:blue;'>"+val+"</span>";
                 }

                //age的Cls
                function agCls(val){
                  if(val>25){
                  return "<span stype='color:red;'>"+val+"</span>";
                  }
                  return "<span stype='color:green;'>"+val+"</span>";
                }                 
                 
                 //创建一个gridPanel
                 var grid=new xg.GridPanel({
                  store:store,
                  columns:[
                     {header:"姓名",width:20,sortable:true,renderer:nameCls,dataIndex:"name"},
                     {header:"年龄",width:40,sortable:true,renderer:agCls,dataIndex:"age"},
                     {id:"empno",header:"编号",width:60,sortable:true,dataIndex:"empno"},
                     {header:"性别",width:20,sortable:true,dataIndex:"sex"},
                     {header:"生日",width:50,sotrable:true,renderer:Ext.util.Format.dateRenderer("m/d/Y"),dataIndex:"birthday"},
                     {header:"工资",width:30,sortable:true,renderer:Ext.util.Format.usMoney,dataIndex:"salary"},
                     {header:"部门编号",width:50,sortable:true,dataIndex:"deptno"}
                  ],
                  view:new Ext.grid.GroupingView({
                      forceFit:true,
                      groupTextTpl:"{text} ({[values.rs.length]} {[values.rs.length>1 ? 'Items' : 'Item']})"
                  }),
                  frame:true,
                  width:700,
                  height:450,
                  collapsible:true,//True表示为面板是可收缩的,并自动渲染一个展开/收缩的轮换按钮在头部工具条。false表示为保持面板为一个静止的尺寸
                  animCollapse:true,//True 表示为面板闭合过程附有动画效果(默认为true,在类 Ext.Fx 可用的情况下)。
                  title:"雇员信息",
                  iconCls:"icon-grid",
                  fbar:["->",{
                    text:"clear Groping",
                    iconCls:"icon-clear-group",
                    handler:function(){
                      store.clearGouping();
                    }
                  }],
                  renderTo:document.body              
                 });
                 
              
             });
             
                //数据
                 Ext.grid.dummyData=[
                ["张三00",12,1001,1,"1990-05-20",3000,50],
                ["张三01",16,1002,0,"1990-05-21",3000,20],
                ["张三02",19,1003,1,"1990-05-22",3000,20],
                ["张三03",25,1004,1,"1990-05-23",3000,10],
                ["张三04",22,1005,1,"1990-05-24",3000,30],
                ["张三05",24,1006,1,"1990-05-25",3000,20],
                ["张三06",23,1007,0,"1990-05-26",3000,60],
                ["张三07",21,1008,0,"1990-05-27",3000,90],
                ["张三08",25,1009,0,"1990-05-28",3000,10],
                ["张三09",28,1010,1,"1990-05-29",6000,20],
                ["张三20",26,1011,0,"1990-05-20",2000,50],
                ["张三21",29,1012,0,"1990-06-20",8000,40],
                ["张三22",22,1013,1,"1990-01-20",3000,50],
                ["张三23",28,1014,0,"1990-02-20",3000,60],
                ["张三24",21,1015,1,"1990-08-20",3000,50]
               ];
                 
        
              		
		</script>

错误就出现在那里,没有company列但是,我却给company列排序所以报错,


找了很长时间,特地贴出来,不知道对大家有没有帮助.


相关文章推荐

ExtJS中this.form.el is undefined

在ExtJS中,经常会需要用到一个窗口中嵌入一个form表单,进行表单提交,如下: NewsTypesWindow=function(config){ config=config|...

extjs form.load() this.form.el is undefined 解决方法

是用extjs做一些后台功能,其中希望一表单方式展现一下用户信息。 用户信息是从后台读取的,查了一下可以用form.load()自动填充表单内容。 但是发现,第一次加载的时候总是无法填充数据。而且...

[Python]Numpy安装及一些玄学问题(is not a supported wheel on this platform、Undefined variable from import)

numpy是python的一个科学计算库,可以实现matlab里的数学运算,基本是用python做数值运算的人必装的一个的库了。 然而今天我安装这个库遇到了一些以前一直没遇到的问题,挺迷的,我之前安装...

Extjs毕业设计:在做分页查询产品信息时,出现TypeError: this.ds is undefined?

估计页面中出现

TypeError:this.K is undefined

1、错误描述2、错误原因 设置地图最小、最大级别 body{ width: 100%; height: 10...

《React-Native系列》17、 RN中this所引起的undefined is not an object错误

在我们编写RN代码的时候经常会出现一个错误,undefined is not an object(evaluating 'this.refs' ). undefined is not an objec...

react:undefined is not a function(this.State({flag:true,}))

今天在写react的时候遇到这个问题,就查了一下了解了原因和解决方法: 问题代码: /** * index.android.js */ 'use strict'; import React, ...

qt 工程添加 ffmpeg(undefined reference to av_register_all() 和 “UINT64_C” was not declared in this scope)

前提是 已经安装好qt 环境 步骤一: 到ffmpeg官网 下载 win平台 编译好的 shared+dev 版本的开发包,获取到  ffmpeg的头文件和 lib ,dll 步骤二: 添加ffmpe...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:this.fields.get(c) is undefined
举报原因:
原因补充:

(最多只允许输入30个字)