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 相关文章推荐
通过 Dom 方法提高 innerHTML 性能
Mar 26 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
Apr 30 Javascript
使用正则表达式的格式化与高亮显示json字符串
Dec 03 Javascript
Node.js实现的简易网页抓取功能示例
Dec 05 Javascript
JavaScript实现搜索框的自动完成功能(一)
Feb 25 Javascript
jQuery实现的placeholder效果完整实例
Aug 02 Javascript
seajs学习教程之基础篇
Oct 20 Javascript
JavaScript中关于iframe滚动条的去除和保留
Nov 17 Javascript
Html5 js实现手风琴效果
Apr 17 Javascript
JS中实现隐藏部分姓名或者电话号码的代码
Jul 17 Javascript
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
Aug 28 Javascript
JS数据类型(基本数据类型、引用数据类型)及堆和栈的区别分析
Mar 04 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
77A一级收信机修理记
2021/03/02 无线电
PHP开发中常用的三个表单验证函数使用小结
2010/03/03 PHP
PHP 面向对象 PHP5 中的常量
2010/05/05 PHP
php数据结构与算法(PHP描述) 快速排序 quick sort
2012/06/21 PHP
一个漂亮的php验证码类(分享)
2013/08/06 PHP
php循环创建目录示例分享(php创建多级目录)
2014/03/04 PHP
使用js判断控件是否获得焦点
2014/01/03 Javascript
JavaScript保留关键字汇总
2015/12/01 Javascript
基于AngularJS实现的工资计算器实例
2017/06/16 Javascript
使用JavaScript进行表单校验功能
2017/08/01 Javascript
JS装饰器函数用法总结
2018/04/21 Javascript
浅谈在react中如何实现扫码枪输入
2018/07/04 Javascript
小程序server请求微信服务器超时的解决方法
2019/05/21 Javascript
JavaScript页面加载事件实例讲解
2019/09/01 Javascript
vuex的数据渲染与修改浅析
2020/11/26 Vue.js
JS操作JSON常用方法(10w阅读)
2020/12/06 Javascript
分析在Python中何种情况下需要使用断言
2015/04/01 Python
Python实现自动发送邮件功能
2021/03/02 Python
python操作列表的函数使用代码详解
2017/12/28 Python
Python实现求解一元二次方程的方法示例
2018/06/20 Python
Python语言快速上手学习方法
2018/12/14 Python
如何理解python面向对象编程
2020/06/01 Python
Python叠加矩形框图层2种方法及效果
2020/06/18 Python
使用HTML5 IndexDB存储图像和文件的示例
2018/11/05 HTML / CSS
html5简介_动力节点Java学院整理
2017/07/07 HTML / CSS
应用服务器有那些
2012/01/19 面试题
如何利用find命令查找文件
2015/02/07 面试题
如何利用cmp命令比较文件
2016/04/11 面试题
英文翻译的自我评价语句
2013/10/04 职场文书
区优秀教师事迹材料
2014/02/10 职场文书
《愚公移山》教学反思
2014/02/20 职场文书
陈胜吴广起义口号
2014/06/20 职场文书
Netty结合Protobuf进行编解码的方法
2021/06/26 Java/Android
B站评分公认最好看的动漫,你的名字评分9.9,第六备受喜欢
2022/03/18 日漫
在MySQL中你成功的避开了所有索引
2022/04/20 MySQL
Android基础入门之dataBinding的简单使用教程
2022/06/21 Java/Android