extjs 不显示 但是不报错

1073人阅读 评论(0) 收藏 举报

其实这是我犯的最低级的错误,我在火狐上运行,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,火狐是不会报错的.也不显示,


2
0

猜你在找
【套餐】Hadoop生态系统零基础入门
【套餐】嵌入式Linux C编程基础
【套餐】2017软考系统集成项目——任铄
【套餐】Android 5.x顶级视频课程——李宁
【套餐】深度学习入门视频课程——唐宇迪
【直播】广义线性模型及其应用——李科
【直播】从0到1 区块链的概念到实践
【直播】计算机视觉原理及实战——屈教授
【直播】机器学习之凸优化——马博士
【直播】机器学习&数据挖掘7周实训--韦玮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:932206次
    • 积分:12790
    • 等级:
    • 排名:第1054名
    • 原创:137篇
    • 转载:149篇
    • 译文:111篇
    • 评论:178条
    文章分类
    最新评论