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(js)获取文字宽度(显示长度)示例代码
Dec 31 Javascript
简单实现异步编程promise模式
Jul 31 Javascript
JS实现横向与竖向两个选项卡Tab联动的方法
Sep 27 Javascript
jq stop()和:is(:animated)的用法及区别(详解)
Feb 12 Javascript
vue-cli+webpack记事本项目创建
Apr 01 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
Aug 12 Javascript
浅谈React前后端同构防止重复渲染
Jan 05 Javascript
在vue项目中引入highcharts图表的方法(详解)
Mar 05 Javascript
vue用Object.defineProperty手写一个简单的双向绑定的示例
Jul 09 Javascript
关于ckeditor在bootstrap中modal中弹框无法输入的解决方法
Sep 11 Javascript
vue父子组件的通信方法(实例详解)
Nov 10 Javascript
vue中js判断长时间不操作界面自动退出登录(推荐)
Jan 22 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 目录遍历、删除 函数的使用介绍
2013/04/28 PHP
php中adodbzip类实例
2014/12/08 PHP
php上传大文件失败的原因及应对策略
2015/10/20 PHP
PHP实现判断数组是一维、二维或几维的方法
2017/02/06 PHP
写的htc的数据表格
2007/01/20 Javascript
js同时按下两个方向键
2007/12/01 Javascript
js加入收藏以及使用Jquery更改透明度
2014/01/26 Javascript
jQuery学习笔记之jQuery.fn.init()的参数分析
2014/06/09 Javascript
JS+CSS实现弹出全屏灰黑色透明遮罩效果的方法
2014/12/20 Javascript
NodeJS使用jQuery选择器操作DOM
2015/02/13 NodeJs
微信小程序中的swiper组件详解
2017/04/14 Javascript
Promise.all中对于reject的处理方法
2018/08/01 Javascript
JS+canvas画布实现炫酷的旋转星空效果示例
2019/02/13 Javascript
配置一个vue3.0项目的完整步骤
2019/04/26 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
2019/10/16 Javascript
jQuery实现简单QQ聊天框
2020/08/27 jQuery
Vue使用v-viewer实现图片预览
2020/10/21 Javascript
使用python编写android截屏脚本双击运行即可
2014/07/21 Python
详解Django中的权限和组以及消息
2015/07/23 Python
使用python遍历指定城市的一周气温
2017/03/31 Python
Python selenium根据class定位页面元素的方法
2019/02/26 Python
PyTorch中Tensor的拼接与拆分的实现
2019/08/18 Python
Python字典dict常用方法函数实例
2020/11/09 Python
GUESS盖尔斯法国官网:美国时尚品牌
2016/09/23 全球购物
Cecil Mode法国在线商店:女性时尚
2021/01/08 全球购物
使用Vue.js和MJML创建响应式电子邮件
2021/03/23 Vue.js
医生自荐信
2013/10/11 职场文书
2014坚持党风廉政建设思想汇报
2014/09/18 职场文书
关于实现中国梦的心得体会
2016/01/05 职场文书
人生感悟经典句子
2019/08/20 职场文书
CSS实现漂亮的时钟动画效果的实例代码
2021/03/30 HTML / CSS
golang如何去除多余空白字符(含制表符)
2021/04/25 Golang
Golang中异常处理机制详解
2021/06/08 Golang
国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程
2021/10/05 Javascript
如何在Python中妥善使用进度条详解
2022/04/05 Python
Android 中的类文件和类加载器详情
2022/06/05 Java/Android