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组件的一些写法
Sep 10 Javascript
js函数与php函数的区别实例浅析
Jan 12 Javascript
教你如何使用firebug调试功能了解javascript闭包和this
Mar 04 Javascript
jQuery实现首页顶部可伸缩广告特效代码
Apr 15 Javascript
jQuery遍历DOM节点操作之filter()方法详解
Apr 14 Javascript
深入理解jquery中的事件与动画
May 24 Javascript
微信小程序 wx.request(object) API详解及实例代码
Sep 30 Javascript
基于LayUI分页和LayUI laypage分页的使用示例
Aug 02 Javascript
vue实现单选和多选功能
Aug 11 Javascript
基于Vue.js 2.0实现百度搜索框效果
Dec 28 Javascript
Bootstrap框架建立树形菜单(Tree)的实例代码
Oct 30 Javascript
微信小程序之裁剪图片成圆形的实现代码
Oct 11 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
2020最新CPU的性能排名
2020/04/02 数码科技
收音机史话 - 1960年代前后的DIY
2021/03/02 无线电
php正则
2006/07/07 PHP
php+iframe实现隐藏无刷新上传文件
2012/02/10 PHP
Linux下CoreSeek及PHP扩展模块的安装
2012/09/23 PHP
php中 ob_start等函数截取标准输出的方法
2015/06/22 PHP
PHP图像识别技术原理与实现
2016/10/27 PHP
PHP数字前补0的自带函数sprintf 和number_format的用法(详解)
2017/02/06 PHP
从JavaScript的函数重名看其初始化方式
2007/03/08 Javascript
jQuery+AJAX实现遮罩层登录验证界面(附源码)
2020/09/13 Javascript
分享经典的JavaScript开发技巧
2015/11/21 Javascript
文本溢出插件jquery.dotdotdot.js使用方法详解
2017/06/22 jQuery
详解JavaScript中的六种错误类型
2017/09/21 Javascript
echarts学习笔记之箱线图的分析与绘制详解
2017/11/22 Javascript
基于vue1和vue2获取dom元素的方法
2018/03/17 Javascript
在Angular中使用JWT认证方法示例
2018/09/10 Javascript
使用JavaScript解析URL的方法示例
2019/03/01 Javascript
vue 实现在同一界面实现组件的动态添加和删除功能
2020/06/16 Javascript
[00:48]食人魔魔法师至宝“金鹏之幸”全新模型和自定义特效展示
2019/12/19 DOTA
python中字符串的操作方法大全
2018/06/03 Python
python使用minimax算法实现五子棋
2019/07/29 Python
使用python绘制二维图形示例
2019/11/22 Python
Django用户身份验证完成示例代码
2020/04/03 Python
打印tensorflow恢复模型中所有变量与操作节点方式
2020/05/26 Python
Python用来做Web开发的优势有哪些
2020/08/05 Python
美国宠物商店:Wag.com
2016/10/25 全球购物
英国钻石公司:British Diamond Company
2020/02/16 全球购物
c/c++某大公司的两道笔试题
2014/02/02 面试题
"序列点" 是什么
2016/07/29 面试题
JDBC操作数据库的基本流程是什么
2014/10/28 面试题
小学开学典礼主持词
2014/03/19 职场文书
开工仪式策划方案
2014/05/23 职场文书
教师工作自我鉴定范文
2014/09/14 职场文书
2014年安全工作总结范文
2014/11/13 职场文书
2015年清明节网上祭英烈活动总结
2015/03/26 职场文书
关于@OnetoMany关系映射的排序问题,使用注解@OrderBy
2021/12/06 Java/Android