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 相关文章推荐
一个可以随意添加多个序列的tag函数
Jul 21 Javascript
Jquery Uploadify上传带进度条的简单实例
Feb 12 Javascript
使用GruntJS构建Web程序之安装篇
Jun 04 Javascript
js实现固定显示区域内自动缩放图片的方法
Jul 18 Javascript
JAVASCRIPT代码编写俄罗斯方块网页版
Nov 26 Javascript
jquery uploadify如何取消已上传成功文件
Feb 08 Javascript
React如何避免重渲染
Apr 10 Javascript
vue实现带复选框的树形菜单
May 27 Javascript
layui实现tab的添加拒绝重复的方法
Sep 04 Javascript
javascript 原型与原型链的理解及实例分析
Nov 23 Javascript
微信小程序 wx.getUserInfo引导用户授权问题实例分析
Mar 09 Javascript
js判断密码强度的方法
Mar 18 Javascript
我遇到的参数传递中 双引号单引号嵌套问题
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
一个MYSQL操作类
2006/11/16 PHP
windows xp下安装pear
2006/12/02 PHP
一个简单的php实现的MySQL数据浏览器
2007/03/11 PHP
解析php做推送服务端实现ios消息推送
2013/07/01 PHP
php中的buffer缓冲区用法分析
2019/05/31 PHP
JS 自动安装exe程序
2008/11/30 Javascript
javascript 有用的脚本函数
2009/05/07 Javascript
IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结
2012/05/14 Javascript
JavaScript使用setInterval()函数实现简单轮询操作的方法
2015/02/02 Javascript
JQuery实现可直接编辑的表格
2015/04/16 Javascript
JavaScript优化专题之Loading and Execution加载和运行
2016/01/20 Javascript
nodejs基础知识
2017/02/03 NodeJs
BootStrap中jQuery插件Carousel实现轮播广告效果
2017/03/27 jQuery
React 子组件向父组件传值的方法
2017/07/24 Javascript
Vue编写多地区选择组件
2017/08/21 Javascript
.vue文件 加scoped 样式不起作用的解决方法
2018/05/28 Javascript
微信小程序scroll-view横向滑动嵌套for循环的示例代码
2018/09/20 Javascript
微信小程序bindinput与bindsubmit的区别实例分析
2019/04/17 Javascript
JavaScript制作3D旋转相册
2020/08/02 Javascript
[04:29]2014DOTA2国际邀请赛 主赛事第三日TOPPLAY
2014/07/21 DOTA
[01:14:30]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第二场 8.20.mp4
2019/08/22 DOTA
你应该知道的python列表去重方法
2017/01/17 Python
一文了解python 3 字符串格式化 F-string 用法
2020/03/04 Python
详解python 支持向量机(SVM)算法
2020/09/18 Python
python 对象真假值的实例(哪些视为False)
2020/12/11 Python
CSS3实现类似翻书效果的过渡动画的示例代码
2019/09/06 HTML / CSS
纯CSS3实现鼠标滑过按钮动画第二节
2020/07/16 HTML / CSS
台湾流行服饰购物平台:OB严选
2018/01/21 全球购物
食品安全标语
2014/06/07 职场文书
高中升旗仪式演讲稿
2014/09/09 职场文书
2014公司党员自我评价范文
2014/09/11 职场文书
重阳节简报
2015/07/20 职场文书
中考百日冲刺决心书
2015/09/22 职场文书
2016年党支部公开承诺书
2016/03/25 职场文书
python操作xlsx格式文件并读取
2021/06/02 Python
阿里面试Nacos配置中心交互模型是push还是pull原理解析
2022/07/23 Java/Android