extjs 不显示 但是不报错
其实这是我犯的最低级的错误,我在火狐上运行,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,火狐是不会报错的.也不显示,
转载于:https://www.cnblogs.com/JPAORM/archive/2012/03/29/2510219.html
extjs 不显示 但是不报错相关推荐
- vue项目在IE中显示空白,报错:vuex requires a Promise polyfill in this browser
问题描述 vue项目在非IE内核的浏览器中显示正常,在IE内核浏览器中报错,并显示空白.报错如下: SCRIPT5022: [vuex] vuex requires a Promise polyfi ...
- vue axios传递FormData填坑,headers不显示,后台报错等等问题
vue axios传递FormData填坑,headers不显示,后台报错等等问题 你可能在以下vue axios的FormDara的文件上传中,有headers不显示问题,或遇到了以下报错 org. ...
- undb php,显示html过滤报错,我不知道如何修改了。
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 Tool.class.php on line 41的代码为下面de $_string->$_key= Tool::htmlString($_valu ...
- python显示gif图片报错_4种方法(plglet、tkinter、guizero、pygame)的GUI中显示gif
1 说明: 1.1 环境:python3.8,微软编辑器vscode,深度deepin-linux操作系统. 1.2 代码亲测,注释详细,通俗易懂,适合收藏和转发,慢慢分析,避免入坑. 1.3 锻炼p ...
- Win10 IoT 10 中文显示乱码或报错的问题
在做串口通信的时候,无意中发送了中文到WIN10IOT设备,WIN10IOT设备随即发生报错"No mapping for the Unicode character exists in t ...
- datagrid不显示 easy_VBA程序报错,用调试三法宝,bug不存在的
如果把VBA比作一门刀法,那么经过前面内容的操练,大家已经掌握了很多实用的招式. 如果我们在刀法招式的基础之上,再掌握更多的"磨刀"心法,那么我们的刀用起来才会又好又快. 所以今天 ...
- python显示gif图片报错_用Python制作在地图上模拟瘟疫扩散的Gif图
{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],&q ...
- dialog.show()不显示也不报错
前言:!@#¥%--&* 正文: 出现这个原的问题可能会有多种,这里只说其中一种: dialog在new的时候都会传入context对象,如果你的dialog在new的时候做了非空判断,dia ...
- 开启redmine显示正常未报错但是访问网页错误
问题声明: 我在centos服务器上可以正常打开redmine,(这里我是按照redmine官网https://www.redmine.org/projects/redmine/wiki/Redmin ...
最新文章
- django ---- models继承
- Win2008 R2 WEB 服务器安全设置指南之修改3389端口与更新补丁
- 累加出整个范围所有的数最少还需要几个数
- 数据库优化:8 种常见的SQL错误用法
- Spring-Boot 2.1.x和主要的bean定义
- python神奇的小海龟_Python笔记_第一篇_面向过程_第一部分_8.画图工具(小海龟turtle)...
- UIImagePickerController选择图片发送后旋转90度的问题
- Exchange Server 2010高可用性配置
- 安装DevExpress QuantumGrid 4.5组件出现问题,急!!
- 添加映射的过程(2) - 解析
- conda查看已装包_conda一个包管理器
- DB2 SQLCODE 异常大全编辑(三)
- 平面上两直线的夹角求法解析
- 【谷粒商城】全网最全笔记(1/4)
- 优秀数智生态伙伴|上海用诚软件廖晓军:以人才迭代推动云转型,实现专业化发展...
- TR-069协议简介
- Word里表格跨页时自动断开,表格后留有空白部分,未布满整页,如何操作让表格上下页均匀布满?
- 【考研政治】时政(思维导图)
- mapreduce面试问题_MapReduce问题与解答第1部分
- DataFrame交换两列
热门文章
- SQL Server创建视图
- 计算机各种编码来历及区别
- 克罗谈投资策略05_涨势买入,跌势卖出
- linux scp命令 不输入远程机器的密码,scp 命令无需输入密码完成 Linux 系统间远程拷贝...
- 那个准点下班的人,比我先升职了...
- 这N张模板,做出了秒杀echarts和python的可视化大屏,老板很满意
- 深入浅出,教你一步步实现数据分析入门、进阶
- tile布局的ButtonBar
- python中inspect的用法(这个难懂,后期再补)
- 属于哪个单元_1~6年级上册数学第一单元知识整理