Extjs学习过程中新手容易碰到的低级错误积累

1.下载extjs的安装包，里面没有.msi文件，看好多的安装方法说都有这个.msi文件，但是我在官方下载的解压缩后没有，以为不能用。说明一下，我用的开发工具是visualstudio 2008，其实根本不用安装，直接解压缩后放到创建的网站项目的目录下，然后再也页面添加extjs的引用就行啦。

2.extjs的引用的错误。
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>

<script type="text/javascript" src="extjs/ext-all.js"></script>

<link rel="Stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
注意这里的顺序，一定要把ext-base放在ext-all的前面，否则虽然不报错误，但是你的页面预期的效果是不会有的。

3. <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"/>
这样的错误也是我学习过程中经历的。

4.menu菜单的使用过程中的错误。Menu菜单的demo中，出现页面没有报错，但是已有一条蓝线，页面什么也没有。后来才发现，原来是render函数的问题，源码：


代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="9-1.aspx.cs" Inherits="_9_1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<link rel="Stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<title> 工具栏菜单demo</title>
<script type="text/javascript">
Ext.onReady(function(){
var menu2=new Ext.menu.Menu({
items:[
{text:"今天"},
{text:"昨天"},
{text:"一周"},
{text:"一月"}
]
});
var menu1 = new Ext.menu.Menu({
items:[
{text:"新建"},
{text:"打开"},
{text:"保存"},
{text:"另存"},
"-",
{text:"历史",menu:menu2},
"-",
{text:"关闭"}
]
});
var tb = new Ext.Toolbar();
tb.render("hello");
tb.add({
text:"文件",
menu:menu1
}
);
tb.add({
text:"时间",
menu:menu2});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="hello">
</div>
</form>
</body>
</html>

更改源码中tb.render函数的位置为</script>前面。这样预期的级联菜单效果就出来啦。

这是我在extjs学习中犯的一些低级错误，希望能够对和我一样刚开始接触extjs的有点启发。

赞 (0)

相关推荐

  • Extjs学习过程中新手容易碰到的低级错误积累

    1.下载extjs的安装包,里面没有.msi文件,看好多的安装方法说都有这个.msi文件,但是我在官方下载的解压缩后没有,以为不能用.说明一下,我用的开发工具是visualstudio 2008,其实根本不用安装,直接解压缩后放到创建的网站项目的目录下,然后再也页面添加extjs的引用就行啦. 2.extjs的引用的错误. <script type="text/javascript" src="extjs/adapter/ext/ext-base.js">

  • Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法

    具体代码如下所示: Ext.define('AM.view.test.ReceiptList', { extend: 'Ext.grid.Panel', alias: 'widget.receiptlist', id : 'receiptlist', selModel : { selType : 'checkboxmodel', mode : 'SIMPLE', checkOnly : true, renderer : function(v,p,record) { if (record.data

  • C++中新手容易犯的十种编程错误汇总

    C++中新手容易犯的十种编程错误汇总

    目录 前言 1.有些关键字在cpp文件中多写了 2.函数参数的默认值写到函数实现中了 3.在编写类的时候,在类的结尾处忘记添加";"分号了 4.只添加了函数声明,没有函数实现 5.cpp文件忘记添加到工程中,导致没有生成供链接使用的obj文件 6.函数中返回了一个局部变量的地址或者引用 7.忘记将父类中的接口声明virtual函数,导致多态没有生效 8.该使用双指针的地方,却使用了单指针 9.发布exe程序时,忘记将exe依赖的C运行时库和MFC库带上 10.应该使用深拷贝,却使用了浅

  • mybatis新手快速入门以及一些错误汇总

    mybatis新手快速入门以及一些错误汇总

    一.使用maven加载依赖 加载了连接数据库的依赖.mybatis的依赖以及lombok的依赖 <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.11</version> <scope>test</scope> </dependency> <dependency> &

  • JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题

    将 DOM 0级事件处理程序和DOM2级事件处理程序 IE事件处理程序封装为eventUtil对象,达到跨浏览器的效果.代码如下: var eventUtil = { // 添加事件句柄 addEventHandler:function (element,type,handler) { if (element.addEventListener) { element.addEventListener(type, handler,false); }else if(element.attachEven

  • Java程序员容易犯的10大低级错误

    本文根据java开发人员在编码过程中容易忽视或经常出错的地方进行了整理,总结了十个比较常见的低级错误点,方便大家学习. 1.不能用"=="比较两个字符串内容相等. 2. 对list做foreach循环时,循环代码中不能修改list的结构. 3. 日志和实际情况不一致;捕获异常后没有在日志中记录异常栈. 4. 魔鬼数字. 5. 空指针异常. 6. 数组下标越界. 7. 将字符串转换为数字时没有捕获NumberFormatException异常. 8. 对文件.IO.数据库等资源进行操作后

  • 详解IDEA 中使用Maven创建项目常见错误和使用技巧(推荐)

    使用idea的运行程序时,出现jar包不存在的错误(pom.xml文件中有依赖,而且代码没有红色的). 解决方法:Maven安装目录下的conf文件下的setting.xml文件中不要加入本地仓库路径设置,直接在idea中设置. tomcat启动maven项目出现jar包不存在的错误.解决方法:在pom.xml文件中加上war maven依赖下载速度太慢.解决方法:在maven安装目录下的conf文件下的setting.xml中,设置阿里云的镜像仓库地址. <mirror> <id>

  • 解决ASP中http状态跳转返回错误页的问题

    IIS默认的错误页是很不友好的,很多人看到默认的错误页时都会说:网站打不开了!白白损失了这部分流量.而如果错误页直接跳转到首页又对搜索引擎很不友好,搞不好首页还会被封掉.所以根据情况,有两个方法解决这个问题: 如果是博客等内容型的网站,可以返回一个带有404错误的搜索框让访客搜索,若是电子商务型网站,则可以返回一个带有404错误的进度条进行跳转.这两种方法即照顾了访客又顾及到了SEO. 可以在Google webmaster tools中查看自己网站错误页有多少. 修改默认错误页的方法很简单:在

  • 详解Vue中使用v-for语句抛出错误的解决方案

    Vue 中使用v-for语句抛出错误的解决方案 今天在维护以前的项目的时候遇见了下面的报错情况,开始我以为是因为jQuery和Vue冲突了,所以把以前的jQuery改了,但是还是出现同样的错误-通过查阅资料,发现是因为循环的变量里面的值重复了,导致Vue报错. 复制代码 代码如下: Uncaught (in promise) TypeError: Cannot read property 'removeChild' of null 接下来查了一下解决方案,发现在Vue 2.0之前的版本可以通过在

  • Codeigniter中禁止A Database Error Occurred错误提示的方法

    在默认的情况下,CodeIgniter会显示所有的PHP错误.但是当你开发程序结束时,你可能想要改变这个情况.你会发现在index.php文件顶端有这个函数error_reporting(),通过它可以进行对错误的设置. 即使你关闭了错误报告,当有错误发生时,错误记录也不会停止.所以,修改php.ini不能达到我们想要的效果. 下面是解决办法: 1. Codeigniter中禁止A Database Error Occurred错误提示 在CodeIgniter 用户指南中说到,设置 ENVIR

随机推荐