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 相关文章推荐
动态加载js的几种方法
Oct 23 Javascript
window.print打印指定div实例代码
Dec 13 Javascript
JQuery显示隐藏DIV的方法及代码实例
Apr 16 Javascript
纯js实现仿QQ邮箱弹出确认框
Apr 29 Javascript
JS实现仿QQ聊天窗口抖动特效
May 10 Javascript
javascript中对Date类型的常用操作小结
May 19 Javascript
Java  Spring 事务回滚详解
Oct 17 Javascript
jqGrid翻页时数据选中丢失问题的解决办法
Feb 13 Javascript
react开发中如何使用require.ensure加载es6风格的组件
May 09 Javascript
vue获取DOM元素并设置属性的两种实现方法
Sep 30 Javascript
简单说说如何使用vue-router插件的方法
Apr 08 Javascript
JavaScript中10个Reduce常用场景技巧
Jun 21 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验证码生成原理和实现
2016/01/24 PHP
PHP匿名函数和use子句用法实例
2016/03/16 PHP
Yii2.0表关联查询实例分析
2016/07/18 PHP
使用phpQuery获取数组的实例
2017/03/13 PHP
PHP简单实现循环链表功能示例
2017/11/10 PHP
Thinkphp 框架扩展之标签库驱动原理与用法分析
2020/04/23 PHP
硬盘浏览程序,保存成网页格式便可使用
2006/12/03 Javascript
javascript语句中的CDATA标签的意义
2007/05/09 Javascript
JavaScript 面向对象的之私有成员和公开成员
2010/05/04 Javascript
jquery根据name属性查找的小例子
2013/11/21 Javascript
jQuery中的编程范式详解
2014/12/15 Javascript
浅谈$(document)和$(window)的区别
2015/07/15 Javascript
Jquery1.9.1源码分析系列(十五)动画处理之外篇
2015/12/04 Javascript
一种新的javascript对象创建方式Object.create()
2015/12/28 Javascript
限时抢购-倒计时的完整实例(分享)
2017/09/17 Javascript
jQuery代码优化方法总结
2018/01/29 jQuery
原生JS实现瀑布流插件
2018/02/06 Javascript
react以create-react-app为基础创建项目
2018/03/14 Javascript
AngularJS日期格式化常见操作实例分析
2018/05/17 Javascript
js事件on动态绑定数据,绑定多个事件的方法
2018/09/15 Javascript
JS基于ES6新特性async await进行异步处理操作示例
2019/02/02 Javascript
使用Taro实现小程序商城的购物车功能模块的实例代码
2020/06/05 Javascript
js实现筛选功能
2020/11/24 Javascript
python实现基于两张图片生成圆角图标效果的方法
2015/03/26 Python
python线程、进程和协程详解
2016/07/19 Python
Python实现邮件的批量发送的示例代码
2018/01/23 Python
阿拉伯世界最大的电子卖场:Souq埃及
2016/08/01 全球购物
美国大码时尚女装购物网站:ELOQUII
2017/12/28 全球购物
Java面试题:Java类的Main方法如果是Private将会怎么样
2016/08/18 面试题
仓管岗位职责范本
2014/02/08 职场文书
父母对孩子说的话
2014/04/12 职场文书
集中整治工作方案
2014/05/01 职场文书
活动总结怎么写啊
2014/05/07 职场文书
尊老爱幼演讲稿
2014/09/04 职场文书
法律意见书范文
2015/05/20 职场文书
Go语言-为什么返回值为接口类型,却返回结构体
2021/04/24 Golang