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


Posted in Javascript onFebruary 11, 2010

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的有点启发。

Javascript 相关文章推荐
基于jquery的tab切换 js原理
Apr 01 Javascript
基于jquery的$.ajax async使用
Oct 19 Javascript
浅谈JavaScript异常处理语句
Jun 26 Javascript
JS+CSS实现分类动态选择及移动功能效果代码
Oct 19 Javascript
微信小程序 网络API发起请求详解
Nov 09 Javascript
微信小程序 数组中的push与concat的区别
Jan 05 Javascript
JavaScript html5利用FileReader实现上传功能
Mar 27 Javascript
Vue基于NUXT的SSR详解
Oct 24 Javascript
JavaScript模拟实现封装的三种方式及写法区别
Oct 27 Javascript
layer弹出层全屏及关闭方法
Aug 17 Javascript
uni-app之APP和小程序微信授权方法
May 09 Javascript
vue中的可拖拽宽度div的实现示例
Apr 08 Vue.js
我遇到的参数传递中 双引号单引号嵌套问题
Feb 11 #Javascript
一段实现页面上的图片延时加载的js代码
Feb 11 #Javascript
JavaScript Event学习第十一章 按键的检测
Feb 10 #Javascript
JavaScript Event学习第十章 一些可替换的事件对
Feb 10 #Javascript
jQuery插件 tabBox实现代码
Feb 09 #Javascript
基于Jquery的简单&amp;简陋Tabs插件代码
Feb 09 #Javascript
JQUERY操作JSON实例代码
Feb 09 #Javascript
You might like
正则表达式语法
2006/10/09 Javascript
组合算法的PHP解答方法
2012/02/04 PHP
PHP 使用redis简单示例分享
2015/03/05 PHP
PHP技术开发微信公众平台
2015/07/22 PHP
10个php函数实用却不常见
2015/10/13 PHP
php mysql_list_dbs()函数用法示例
2017/03/29 PHP
详解PHP中mb_strpos的使用
2018/02/04 PHP
基于jquery的cookie的用法
2011/01/10 Javascript
JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
2011/02/25 Javascript
使用jQuery Ajax功能时需要注意的一个问题(内存溢出)
2012/05/30 Javascript
鼠标焦点离开文本框时验证的js代码
2013/07/19 Javascript
JavaScript 命名空间 使用介绍
2013/08/29 Javascript
js实现通用的微信分享组件示例
2014/03/10 Javascript
jQuery实现的经典滑动门效果
2015/09/22 Javascript
【JS+CSS3】实现带预览图幻灯片效果的示例代码
2016/03/17 Javascript
[原创]Javascript 实现广告后加载 可加载百度谷歌联盟广告
2016/05/11 Javascript
js判断手机系统是android还是ios
2017/03/07 Javascript
Ionic + Angular.js实现验证码倒计时功能的方法
2017/06/12 Javascript
使用重写url机制实现验证码换一张功能
2017/08/01 Javascript
详解基于webpack&amp;gettext的前端多语言方案
2019/01/29 Javascript
js将日期格式转换为YYYY-MM-DD HH:MM:SS
2020/09/18 Javascript
[55:26]DOTA2-DPC中国联赛 正赛 Aster vs LBZS BO3 第一场 2月23日
2021/03/11 DOTA
详解Python中的元组与逻辑运算符
2015/10/13 Python
Python利用前序和中序遍历结果重建二叉树的方法
2016/04/27 Python
使用CodeMirror实现Python3在线编辑器的示例代码
2019/01/14 Python
解决pycharm 远程调试 上传 helpers 卡住的问题
2019/06/27 Python
500行python代码实现飞机大战
2020/04/24 Python
BOSE德国官网:尽探索之力,享音乐之极
2016/12/11 全球购物
SportsDirect.com新加坡:英国第一体育零售商
2019/03/30 全球购物
上海期货面试题
2014/01/31 面试题
软件测试面试题
2014/01/05 面试题
大学生毕业求职的自我评价
2013/09/29 职场文书
师范生自我鉴定范文
2013/10/05 职场文书
四查四看剖析材料
2014/02/14 职场文书
暑假安全保证书
2015/02/28 职场文书
Mysql Show Profile
2021/04/05 MySQL