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 相关文章推荐
用javascript控制iframe滚动的代码
Apr 10 Javascript
原生JavaScript实现连连看游戏(附源码)
Nov 05 Javascript
js导航栏单击事件背景变换示例代码
Jan 13 Javascript
使用jQuery设置disabled属性与移除disabled属性
Aug 21 Javascript
开启Javascript中apply、call、bind的用法之旅模式
Oct 28 Javascript
Angularjs 创建可复用组件实例代码
Oct 09 Javascript
学习使用Bootstrap页面排版样式
May 11 Javascript
React Native第三方平台分享的实例(Android,IOS双平台)
Aug 04 Javascript
微信小程序form表单组件示例代码
Jul 15 Javascript
解决layer弹出层中表单不起作用的问题
Sep 09 Javascript
vue监听用户输入和点击功能
Sep 27 Javascript
详解template标签用法(含vue中的用法总结)
Jan 12 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
用PHP读取IMAP邮件
2006/10/09 PHP
无数据库的详细域名查询程序PHP版(1)
2006/10/09 PHP
使用PHP获取网络文件的实现代码
2010/01/01 PHP
无JS,完全php面向过程数据分页实现代码
2012/08/27 PHP
php实现模拟post请求用法实例
2015/07/11 PHP
PHP levenshtein()函数用法讲解
2019/03/08 PHP
thinkphp5 框架结合plupload实现图片批量上传功能示例
2020/04/04 PHP
比较详细的关于javascript 解析json的代码
2009/12/16 Javascript
js 幻灯片的实现
2011/12/06 Javascript
javascript中数组的冒泡排序使用示例
2013/12/18 Javascript
动态加载jQuery的两种方法实例分析
2015/07/17 Javascript
HTML页面,测试JS对C函数的调用简单实例
2016/08/09 Javascript
node.js中的事件处理机制详解
2016/11/26 Javascript
Ionic 2 实现列表滑动删除按钮的方法
2017/01/22 Javascript
JavaScript函数参数的传递方式详解
2017/03/06 Javascript
vue.js实现带日期星期的数字时钟功能示例
2018/08/28 Javascript
JavaScript实现字符串与HTML格式相互转换
2020/03/17 Javascript
支付宝小程序实现省市区三级联动
2020/06/21 Javascript
js实现限定范围拖拽的示例
2020/10/26 Javascript
Python  连接字符串(join %)
2008/09/06 Python
python 构造三维全零数组的方法
2018/11/12 Python
基于Python实现签到脚本过程解析
2019/10/25 Python
python利用faker库批量生成测试数据
2020/10/15 Python
eBay爱尔兰站:eBay.ie
2019/08/09 全球购物
劳资员岗位职责
2013/11/11 职场文书
12月小学生校园广播稿
2014/02/04 职场文书
《囚绿记》教学反思
2014/03/01 职场文书
规划编制实施方案
2014/03/15 职场文书
合同协议书格式
2014/04/18 职场文书
干部选拔任用方案
2014/05/26 职场文书
大学生求职信
2014/06/17 职场文书
小学社会实践活动总结
2014/07/03 职场文书
企业优秀团员事迹材料
2014/08/20 职场文书
2016年入党心得体会范文
2016/01/23 职场文书
Pygame Event事件模块的详细示例
2021/11/17 Python
Go语言实现一个简单的并发聊天室的项目实战
2022/03/18 Golang