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 相关文章推荐
javascript 去字符串空格终极版(支持utf8)
Nov 14 Javascript
类似GMAIL的Ajax信息反馈显示
Feb 16 Javascript
JS模仿编辑器实时改变文本框宽度和高度大小的方法
Aug 17 Javascript
jQuery实现简易的天天爱消除小游戏
Oct 16 Javascript
JavaScript实现简单的日历效果
Sep 25 Javascript
js图片加载效果实例代码(延迟加载+瀑布流加载)
May 12 Javascript
妙用Angularjs实现表格按指定列排序
Jun 23 Javascript
Express + Node.js实现登录拦截器的实例代码
Jul 01 Javascript
jQuery中extend函数简单用法示例
Oct 11 jQuery
Javascript中JSON数据分组优化实践及JS操作JSON总结
Dec 22 Javascript
create-react-app 修改为多入口编译的方法
Aug 01 Javascript
NestJs 静态目录配置详解
Mar 12 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+MYSQL的文章管理系统(二)
2006/10/09 PHP
PHP 命令行工具 shell_exec, exec, passthru, system详细使用介绍
2011/09/11 PHP
php仿QQ验证码的实例分析
2013/07/01 PHP
php加密解密函数authcode的用法详细解析
2013/10/28 PHP
CodeIgniter基本配置详细介绍
2013/11/12 PHP
PHP写的资源下载防盗链类分享
2014/05/12 PHP
PHP中函数gzuncompress无法使用的解决方法
2017/03/02 PHP
慎用 somefunction.prototype 分析
2009/06/02 Javascript
javascript或asp实现的判断身份证号码是否正确两种验证方法
2009/11/26 Javascript
JQuery 1.4 中的Ajax问题
2010/01/23 Javascript
Javascript 键盘事件的组合使用实现代码
2012/05/04 Javascript
Jquery实现弹出层分享微博插件具备动画效果
2013/04/03 Javascript
完美解决IE低版本不支持call与apply的问题
2013/12/05 Javascript
jquery中JSON的解析方式
2015/03/16 Javascript
vue2.0 与 bootstrap datetimepicker的结合使用实例
2017/05/22 Javascript
简单谈谈关于 npm 5.0 的新坑
2017/06/08 Javascript
vue实现表格过滤功能
2019/09/27 Javascript
小程序外卖订单界面的示例代码
2019/12/30 Javascript
python实现的简单猜数字游戏
2015/04/04 Python
Python3搜索及替换文件中文本的方法
2015/05/22 Python
python多进程实现进程间通信实例
2017/11/24 Python
Python2中文处理纪要的实现方法
2018/03/10 Python
python实现简单http服务器功能
2018/09/17 Python
python openvc 裁剪、剪切图片 提取图片的行和列
2019/09/19 Python
Python3-异步进程回调函数(callback())介绍
2020/05/02 Python
基于MUI框架使用HTML5实现的二维码扫描功能
2018/03/01 HTML / CSS
小米旗下精品生活电商平台:小米有品
2018/12/18 全球购物
大专生简历的自我评价
2013/11/26 职场文书
应届毕业生个人求职自荐信
2014/01/06 职场文书
财务主管自我鉴定
2014/01/17 职场文书
学生个人评语大全
2015/01/04 职场文书
幼儿园教师个人工作总结2015
2015/05/12 职场文书
南极大冒险观后感
2015/06/05 职场文书
干货:如何写好工作总结报告!
2019/05/10 职场文书
Python中的min及返回最小值索引的操作
2021/05/10 Python
SpringBoot 集成短信和邮件 以阿里云短信服务为例
2022/04/22 Java/Android