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 MD4
Dec 20 Javascript
js自带函数备忘 数组
Dec 29 Javascript
Javascript代码在页面加载时的执行顺序介绍
May 03 Javascript
JavaScript对数组进行随机重排的方法
Jul 22 Javascript
JS表格组件神器bootstrap table详解(基础版)
Dec 08 Javascript
node.js入门实例helloworld详解
Dec 23 Javascript
jQuery针对input的class属性写了多个值情况下的选择方法
Jun 03 Javascript
jQuery移动端图片上传组件
Jun 12 Javascript
JavaScript基于对象方法实现数组去重及排序操作示例
Jul 10 Javascript
JS实现数组去重及数组内对象去重功能示例
Feb 02 Javascript
vue quill editor 使用富文本添加上传音频功能
Jan 14 Javascript
bootstrap-paginator服务器端分页使用方法详解
Feb 13 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
PHP CKEditor 上传图片实现代码
2009/11/06 PHP
PHP定时自动生成静态HTML的实现代码
2010/06/20 PHP
Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作
2017/06/30 PHP
Laravel5.1 框架响应基本用法实例分析
2020/01/04 PHP
jQuery+AJAX实现网页无刷新上传
2015/02/22 Javascript
js代码实现无缝滚动(文字和图片)
2015/08/20 Javascript
基于JavaScript创建动态Dom
2015/12/08 Javascript
JavaScript生成二维码图片小结
2015/12/27 Javascript
JavaScript实现分页效果
2017/03/28 Javascript
vue二级菜单导航点击选中事件的方法
2018/09/12 Javascript
Vue-CLI3.x 设置反向代理的方法
2018/12/06 Javascript
vue项目移动端实现ip输入框问题
2019/03/19 Javascript
vue路由传参三种基本方式详解
2019/12/09 Javascript
JavaScript中的this原理及6种常见使用场景详解
2020/02/14 Javascript
在Vue中使用HOC模式的实现
2020/08/23 Javascript
[02:10]DOTA2亚洲邀请赛 EG战队出场宣传片
2015/02/07 DOTA
[32:07]完美世界DOTA2联赛PWL S3 LBZS vs Rebirth 第一场 12.16
2020/12/17 DOTA
python使用PyFetion来发送短信的例子
2014/04/22 Python
Python urls.py的三种配置写法实例详解
2017/04/28 Python
python绘制双柱形图代码实例
2017/12/14 Python
python3中函数参数的四种简单用法
2018/07/09 Python
Python Excel处理库openpyxl使用详解
2019/05/09 Python
Python3列表内置方法大全及示例代码小结
2019/05/10 Python
Django集成CAS单点登录的方法示例
2019/06/10 Python
PyQt 图解Qt Designer工具的使用方法
2019/08/06 Python
详解HTML5通讯录获取指定多个人的信息
2016/12/20 HTML / CSS
诗狄娜化妆品官方网站:Stila Cosmetics
2016/12/21 全球购物
网络编辑岗位职责
2014/03/18 职场文书
平安建设实施方案
2014/03/19 职场文书
天网工程实施方案
2014/03/26 职场文书
就业协议书怎么填
2014/09/15 职场文书
2014银行领导班子群众路线对照检查材料思想汇报
2014/09/17 职场文书
小学语文复习计划
2015/01/19 职场文书
python 爬取吉首大学网站成绩单
2021/06/02 Python
Android学习之BottomSheetDialog组件的使用
2022/06/21 Java/Android
Python使用pandas导入xlsx格式的excel文件内容操作代码
2022/12/24 Python