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 attachEvent传递参数的办法
Dec 14 Javascript
js列举css中所有图标的实现代码
Jul 04 Javascript
Checbox的操作含已选、未选及判断代码
Nov 07 Javascript
基于jQuery创建鼠标悬停效果的方法
Mar 07 Javascript
JavaScript中的Math.LOG2E属性使用详解
Jun 14 Javascript
Bootstrap零基础入门教程(三)
Jul 18 Javascript
Angular 2父子组件数据传递之局部变量获取子组件其他成员
Jul 04 Javascript
js实现随机点名系统(实例讲解)
Oct 18 Javascript
element-ui中的select下拉列表设置默认值方法
Aug 24 Javascript
迅速了解一下ES10中Object.fromEntries的用法使用
Mar 05 Javascript
详解vuex数据传输的两种方式及this.$store undefined的解决办法
Aug 26 Javascript
jQuery实现滑动星星评分效果(每日分享)
Nov 13 jQuery
我遇到的参数传递中 双引号单引号嵌套问题
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 构造函数construct的前下划线是双的_
2009/12/08 PHP
PHP中危险的file_put_contents函数详解
2017/11/04 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
常用简易JavaScript函数
2009/04/09 Javascript
CSS+Jquery实现页面圆角框方法大全
2009/12/24 Javascript
JavaScript作用域链使用介绍
2013/08/29 Javascript
js中文逗号转英文实现
2014/02/11 Javascript
javascript学习笔记(三)BOM和DOM详解
2014/09/30 Javascript
Nodejs学习笔记之NET模块
2015/01/13 NodeJs
JavaScript实现SHA-1加密算法的方法
2015/03/11 Javascript
javascript格式化指定日期对象的方法
2015/04/21 Javascript
详解RequireJs官方使用教程
2017/10/31 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
2017/12/15 Javascript
解决使用Vue.js显示数据的时,页面闪现原始代码的问题
2018/02/11 Javascript
JavaScript中字符串的常用操作方法及特殊字符
2018/03/18 Javascript
浅析Vue项目中使用keep-Alive步骤
2018/07/27 Javascript
JS实现根据数组对象的某一属性排序操作示例
2019/01/14 Javascript
mpvue+vant app搭建微信小程序的方法步骤
2019/02/11 Javascript
详解vue移动端项目代码拆分记录
2019/03/15 Javascript
原生JS实现图片懒加载之页面性能优化
2019/04/26 Javascript
解决vue初始化项目时,一直卡在Project description上的问题
2019/10/31 Javascript
[01:02:34]TFT vs VGJ.T Supermajor 败者组 BO3 第二场 6.5
2018/06/06 DOTA
Python中利用xpath解析HTML的方法
2018/05/14 Python
解决pycharm的Python console不能调试当前程序的问题
2019/01/20 Python
python计算n的阶乘的方法代码
2019/10/25 Python
python bluetooth蓝牙信息获取蓝牙设备类型的方法
2019/11/29 Python
Pandas将列表(List)转换为数据框(Dataframe)
2020/04/24 Python
C语言中break与continue的区别
2012/07/12 面试题
音乐学院硕士生的自我评价分享
2013/11/01 职场文书
英语自我评价范文
2014/01/24 职场文书
婚假请假条格式及范文
2014/04/10 职场文书
写得不错的求职信范文
2014/07/11 职场文书
单位接收函格式
2015/01/30 职场文书
Nginx tp3.2.3 404问题解决方案
2021/03/31 Servers
python opencv检测直线 cv2.HoughLinesP的实现
2021/06/18 Python
nginx请求限制配置方法
2021/07/09 Servers