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实现url地址自动检测并添加URL链接示例代码
Nov 12 Javascript
javascript根据像素点取位置示例
Jan 27 Javascript
JavaScript返回上一页的三种方法及区别介绍
Jul 04 Javascript
node.js cookie-parser之parser.js
Jun 06 Javascript
购物车前端开发(jQuery和bootstrap3)
Aug 27 Javascript
运用js教你轻松制作html音乐播放器
Apr 17 Javascript
基于jquery二维码生成插件qrcode
Jan 07 Javascript
除Console.log()外更多的Javascript调试命令
Jan 24 Javascript
JavaScript实现构造json数组的方法分析
Aug 17 Javascript
vue 实现左右拖拽元素并且不超过他的父元素的宽度
Nov 30 Javascript
前端开发之便利店收银系统代码
Dec 27 Javascript
解决await在forEach中不起作用的问题
Feb 25 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
VIM中设置php自动缩进为4个空格的方法详解
2013/06/14 PHP
PHP 范围解析操作符(::)用法分析【访问静态成员和类常量】
2020/04/14 PHP
jquery的选择器的使用技巧之如何选择input框
2013/09/22 Javascript
获取下拉列表框的值是数组,split,$.inArray示例
2013/11/13 Javascript
JSON.stringify转换JSON时日期时间不准确的解决方法
2014/08/08 Javascript
js实现Select列表各项上移和下移的方法
2015/08/14 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
2016/05/09 Javascript
EsLint入门学习教程
2017/02/17 Javascript
使用Math.max,Math.min获取数组中的最值实例
2017/04/25 Javascript
Require.JS中的几种define定义方式示例
2017/06/01 Javascript
详解如何webpack使用DllPlugin
2018/09/30 Javascript
JavaScript学习笔记之数组基本操作示例
2019/01/09 Javascript
关于layui导航栏不展示下拉列表的解决方法
2019/09/25 Javascript
d3.js 地铁轨道交通项目实战
2019/11/27 Javascript
Js实现复选框的全选、全不选反选功能代码实例
2020/02/28 Javascript
Element-UI 使用el-row 分栏布局的教程
2020/10/26 Javascript
[48:45]Ti4 循环赛第二日 NEWBEE vs EG
2014/07/11 DOTA
Python操作MySQL模拟银行转账
2018/03/12 Python
Django 视图层(view)的使用
2018/11/09 Python
python如何实现一个刷网页小程序
2018/11/27 Python
pytorch 在网络中添加可训练参数,修改预训练权重文件的方法
2019/08/17 Python
通过Turtle库在Python中绘制一个鼠年福鼠
2020/02/03 Python
python中urllib.request和requests的使用及区别详解
2020/05/05 Python
使用pandas库对csv文件进行筛选保存
2020/05/25 Python
Python实现疫情通定时自动填写功能(附代码)
2020/05/27 Python
利用CSS3的border-radius绘制太极及爱心图案示例
2016/05/17 HTML / CSS
华为c/c++笔试题
2016/01/25 面试题
银行贷款承诺书
2014/03/29 职场文书
工作评语大全
2014/04/26 职场文书
教师师德演讲稿
2014/05/06 职场文书
安全生产标语大全
2014/10/06 职场文书
2014年心理健康教育工作总结
2014/12/06 职场文书
武侯祠导游词
2015/02/04 职场文书
创业计划书之甜品店
2019/09/18 职场文书
六年级作文之关于梦
2019/10/22 职场文书
Win11控制面板快捷键是什么?Win11打开控制面板的方法汇总
2022/07/07 数码科技