Extjs學習過程中新手容易碰到的低級錯誤積累

2019-11-21 00:44:57

字體：大中小

來源：轉載

供稿：網友

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> 