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常见表单应用技巧
Jan 09 Javascript
javascript在myeclipse中报错的解决方法
Oct 29 Javascript
js 判断js函数、变量是否存在的简单示例代码
Mar 04 Javascript
jQuery中delegate()方法用法实例
Jan 19 Javascript
深入理解选择框脚本[推荐]
Dec 13 Javascript
Angular.JS内置服务$http对数据库的增删改使用教程
May 07 Javascript
Vue计算属性的使用
Aug 04 Javascript
Angular4表单验证代码详解
Sep 03 Javascript
vue 2.0项目中如何引入element-ui详解
Sep 06 Javascript
详解Vue路由钩子及应用场景(小结)
Nov 07 Javascript
Vue实现todolist删除功能
Jun 26 Javascript
JS 数组基本用法入门示例解析
Jan 16 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
跟我学小偷程序之成功偷取首页(第三天)
2006/10/09 PHP
PHP中HTML标签过滤技巧
2014/01/07 PHP
PHP MPDF中文乱码的解决方式
2015/12/08 PHP
关于PHP内置的字符串处理函数详解
2017/02/04 PHP
PHP设计模式(七)组合模式Composite实例详解【结构型】
2020/05/02 PHP
JavaScript库 开发规则
2009/01/31 Javascript
jQuery的3种请求方式$.post,$.get,$.getJSON
2014/03/28 Javascript
form.submit()不能提交表单的原因分析
2014/10/23 Javascript
JS+CSS实现的拖动分页效果实例
2015/05/11 Javascript
json定义及jquery操作json的方法
2016/09/29 Javascript
基于angularJS的表单验证指令介绍
2016/10/21 Javascript
Vue+Flask实现简单的登录验证跳转的示例代码
2018/01/13 Javascript
Puppeteer环境搭建的详细步骤
2018/09/21 Javascript
详解从react转职到vue开发的项目准备
2019/01/14 Javascript
js实现3D粒子酷炫动态旋转特效
2020/09/13 Javascript
深入解析Python中的集合类型操作符
2015/08/19 Python
Python中工作日类库Busines Holiday的介绍与使用
2017/07/06 Python
python正则表达式爬取猫眼电影top100
2018/02/24 Python
Python中反射和描述器总结
2018/09/23 Python
利用Python实现微信找房机器人实例教程
2019/03/10 Python
python pytest进阶之fixture详解
2019/06/27 Python
Flask框架模板渲染操作简单示例
2019/07/31 Python
pytorch GAN生成对抗网络实例
2020/01/10 Python
使用jupyter notebook直接打开.md格式的文件
2020/04/10 Python
python 将视频 通过视频帧转换成时间实例
2020/04/23 Python
python中remove函数的踩坑记录
2021/01/04 Python
构造器Constructor是否可被override?
2013/08/06 面试题
委托与事件是什么关系?为什么要使用委托
2014/04/18 面试题
文员个人的求职信范文
2013/09/26 职场文书
医药大学生求职简历的自我评价
2013/10/17 职场文书
政协调研汇报材料
2014/08/15 职场文书
超市创意活动方案
2014/08/15 职场文书
初中运动会前导词
2015/07/20 职场文书
2016入党心得体会范文
2016/01/06 职场文书
java设计模式--三种工厂模式详解
2021/07/21 Java/Android
Redis实战之Lettuce的使用技巧详解
2022/12/24 Redis