快捷導(dǎo)航

Extjs學(xué)習(xí)過(guò)程中新手容易碰到的低級(jí)錯(cuò)誤積累

更新時(shí)間：2010年02月11日 11:57:10 作者：

新手在學(xué)習(xí)Extjs過(guò)程中的低級(jí)錯(cuò)誤積累

1.下載extjs的安裝包，里面沒(méi)有.msi文件，看好多的安裝方法說(shuō)都有這個(gè).msi文件，但是我在官方下載的解壓縮后沒(méi)有，以為不能用。說(shuō)明一下，我用的開(kāi)發(fā)工具是visualstudio 2008，其實(shí)根本不用安裝，直接解壓縮后放到創(chuàng)建的網(wǎng)站項(xiàng)目的目錄下，然后再也頁(yè)面添加extjs的引用就行啦。

2.extjs的引用的錯(cuò)誤。
<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的前面，否則雖然不報(bào)錯(cuò)誤，但是你的頁(yè)面預(yù)期的效果是不會(huì)有的。

3. <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"/>
這樣的錯(cuò)誤也是我學(xué)習(xí)過(guò)程中經(jīng)歷的。

4.menu菜單的使用過(guò)程中的錯(cuò)誤。Menu菜單的demo中，出現(xiàn)頁(yè)面沒(méi)有報(bào)錯(cuò)，但是已有一條藍(lán)線，頁(yè)面什么也沒(méi)有。后來(lái)才發(fā)現(xiàn)，原來(lái)是render函數(shù)的問(wèn)題，源碼：

復(fù)制代碼代碼如下:

<%@ 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:"打開(kāi)"}, 
{text:"保存"}, 
{text:"另存"}, 
"-", 
{text:"歷史",menu:menu2}, 
"-", 
{text:"關(guān)閉"} 
] 
}); 
var tb = new Ext.Toolbar(); 
tb.render("hello"); 
tb.add({ 
text:"文件", 
menu:menu1 
} 
); 
tb.add({ 
text:"時(shí)間", 
menu:menu2}); 
}); 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div id="hello"> 
</div> 
</form> 
</body> 
</html> 

更改源碼中tb.render函數(shù)的位置為</script>前面。這樣預(yù)期的級(jí)聯(lián)菜單效果就出來(lái)啦。

這是我在extjs學(xué)習(xí)中犯的一些低級(jí)錯(cuò)誤，希望能夠?qū)臀乙粯觿傞_(kāi)始接觸extjs的有點(diǎn)啟發(fā)。

您可能感興趣的文章: