extjs 不显示 但是不报错

原创 2012年03月29日 11:52:36

其实这是我犯的最低级的错误,我在火狐上运行,firebug没有报错,而后台的数据能正常获取,但是extjs就是不能显示.

		<script type="text/javascript">
          Ext.onReady(function(){
             //创建一个store
             var store=new Ext.data.Store({
                //从服务器端加载
                url:"ext/xml/Employee.xml" ,
                reader:new Ext.data.XmlReader({
                  //是以那个标签为一记录的
                  record:"employee",
                  id:"empno",
                  totalRecords:"@total"
                },[
                  {name:"empno"},
                  {name:"name"},   
                  {name:"job"},   
                  {name:"birthday",type:"date",dateFormat:"Y-m-d"},
                  {name:"salary"},
                  {name:"comm"},                    
                  {name:"dname" ,mapping:"dept > dname"},
                  {name:"loc" ,mapping:"dept > loc"},
                  {name:"deptno" ,mapping:"dept > deptno"}
                ])
             });
             
             
             //创建一个grid
             var grid=new Ext.grid.GridPanel({
                 store:store,
                 columns:[
                   {id:"empno",header:"编号",width:120,dataIndex:"empno",sortable:true},
                   {header:"姓名",width:120,dataIndex:"name",sortable:true},
                   {header:"工作",width:120,dataIndex:"job",sortable:true},
                   {header:"生日",width:140,dataIndex:"birthday",sortable:true,renderer:Ext.util.Format.dateRenderer("Y/m/d")},
                   {header:"工资",width:120,dataIndex:"salary",sortable:true,renderer:Ext.util.Format.usMoney},
                   {header:"奖金",width:120,dataIndex:"comm",sortable:true,renderer:Ext.util.Format.usMoney},
                   {header:"部门名称",width:110,dataIndex:"dname",sortable:true},
                   {header:"位置",width:120,dataIndex:"loc",sortable:true},
                   {header:"部门编号",width:120,dataIndex:"deptno",sortable:true}
                 ],
                 sm:new Ext.grid.RowSelectionModel({singleSelect:true}),
                 viewConfig:{
                 forceFit:true
                 },
                height:210,
                split:true,
                region:"north"                 
             });
             
             //定义显示详细信息模版
             var bookTplMarkup=[
               '部门编号:{deptno}<br/>',
               '部门名称:{dname}<br/>',
               '位置:{loc}<br/>'               
             ];
             
             //创建模版
             var bookTpl=new Ext.Template(bookTplMarkup);
             
             //创建panel
             var ct=new Ext.Panel({
                render:"binding-example",
                frame:true,
                title:"Book List",
                width:540,
                height:400,
                layout:"border",
                items:[
                  grid,
                  {
                   id:"detailPanel",
                   region:"center",
                   bodyStyle:{
                    background:"#ffffff",
                    padding:"7px"
                   },
                   html:"测试的显示的信息"
                  }
                ]
             });
             
             
             grid.getSelectionModel().on("rowselect",function(sm,rowIndex,r){
              //得到panel对象
              var detailPanel=Ext.getCmp("detailPanel");
              bookTpl.overwrite(detailPanel.body,r.data);
             });
             
             //手动调用加载
             store.load({callback:function(){
             //  alert(Ext.util.JSON.encode(store.getAt(0).data));
             }});
          });		
		</script>

注意看代码的这里,我也没想到会犯这么低级错误,所以检查错误的时候需要仔细.

仔细看这里:

之中的renderTo写成了render,火狐是不会报错的.也不显示,


相关文章推荐

烽火传世引擎源码不报错

  • 2016年07月24日 07:20
  • 18.08MB
  • 下载

关于hql中部分关联字段为空时,不报错而直接查不出字段为空的记录

select b.listNo,b.appGNo,b.trGno,b.complex,b.commName,b.commSpec,b.tradeUnit,b.tradeQty,b.unit,b.qty...

Mac安装Ant 到usr目录下不报错

  • 2015年01月20日 10:19
  • 801KB
  • 下载

jedisPool.getResource()方法长时间无响应并且不报错

一个Java Web的系统需要动态根据Redis地址获取数据,截取相关代码如下:获取连接的方法:public static JedisCluster getConn(String host, int ...

socket问题,在vc6.0编译就不报错

  • 2010年04月27日 15:46
  • 5.39MB
  • 下载

JPA中hibernate的数据无法插入却不报错(JPA保存boolean值)

2017-03-26 20:17:840 | DEBUG | org.springframework.aop.framework.CglibAopProxy.accept() - Found 'equ...

SOAPpy-0.12不报错版本

  • 2010年08月10日 10:39
  • 209KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:extjs 不显示 但是不报错
举报原因:
原因补充:

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