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 相关文章推荐
jquery插件之easing 动态菜单
Aug 21 Javascript
基于jquery的无缝循环新闻列表插件
Mar 07 Javascript
jquery入门—编写一个导航条(可伸缩)
Jan 07 Javascript
JQuery中form验证出错信息的查看方法
Oct 08 Javascript
浅析JavaScript基本类型与引用类型
May 28 Javascript
微信小程序 request接口的封装实例代码
Apr 26 Javascript
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
Aug 25 Javascript
Angular实现下载安装包的功能代码分享
Sep 05 Javascript
深入浅析Vue.js计算属性和侦听器
May 05 Javascript
微信小程序开发实现消息推送
Nov 18 Javascript
ionic2.0双击返回键退出应用
Sep 17 Javascript
vue实现百度搜索功能
Dec 28 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
hadoop常见错误以及处理方法详解
2013/06/19 PHP
Yii使用CLinkPager分页实例详解
2014/07/23 PHP
php常用字符串处理函数实例分析
2014/11/22 PHP
PHP连接操作access数据库实例
2015/03/30 PHP
json格式化/压缩工具 Chrome插件扩展版
2010/05/25 Javascript
利用js实现选项卡的特别效果的实例
2013/03/03 Javascript
多种方式实现JS调用后台方法进行数据交互
2013/08/20 Javascript
JS实现定时自动关闭DIV层提示框的方法
2015/05/11 Javascript
Angular实现form自动布局
2016/01/28 Javascript
js实现点击按钮弹出上传文件的窗口
2016/12/23 Javascript
angularjs的select使用及默认选中设置
2017/04/08 Javascript
使用vue制作FullPage页面滚动效果
2017/08/21 Javascript
AngularJS select加载数据选中默认值的方法
2018/02/28 Javascript
微信小程序视图容器(swiper)组件创建轮播图
2020/06/19 Javascript
vue实现点击隐藏与显示实例分享
2019/02/13 Javascript
vue实现多组关键词对应高亮显示功能
2019/07/25 Javascript
ES6 Generator基本使用方法示例
2020/06/06 Javascript
python实现一次创建多级目录的方法
2015/05/15 Python
sublime text 3配置使用python操作方法
2017/06/11 Python
Python3实现简单可学习的手写体识别(实例讲解)
2017/10/21 Python
Python cookbook(数据结构与算法)从序列中移除重复项且保持元素间顺序不变的方法
2018/03/13 Python
Python针对给定字符串求解所有子序列是否为回文序列的方法
2018/04/21 Python
pandas.DataFrame.to_json按行转json的方法
2018/06/05 Python
Python玩转Excel的读写改实例
2019/02/22 Python
python用线性回归预测股票价格的实现代码
2019/09/04 Python
mac使用python识别图形验证码功能
2020/01/10 Python
python列表切片和嵌套列表取值操作详解
2020/02/27 Python
HTML5仿微信聊天界面、微信朋友圈实例代码
2018/01/29 HTML / CSS
Html5原创俄罗斯方块(基于canvas)
2019/01/07 HTML / CSS
教师节活动主持词
2014/04/02 职场文书
公职人员索取回扣检举信
2014/04/04 职场文书
房产转让协议书
2014/04/11 职场文书
含预算的公司户外活动方案
2014/08/16 职场文书
国家税务局干部作风整顿整改措施
2014/09/18 职场文书
幼儿园安全工作总结2015
2015/04/20 职场文书
领导视察通讯稿
2015/07/18 职场文书