快捷導(dǎo)航

ExtJs 學(xué)習(xí)筆記 Ext.Panle Ext.TabPanel Ext.Viewport

更新時間：2008年12月29日 23:12:23 作者：

ExtJs 學(xué)習(xí)筆記基礎(chǔ)篇面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)

對待本人用到的東西來做一個小設(shè)計。代碼不多做講解，發(fā)一下代碼和效果吧

function viewportlayout(){ 
var view=new Ext.Viewport({ 
enableTabScroll:true, 
layout:"border", 
items:[ 
{ 
title:'面板', 
html:"沒有美術(shù)細(xì)胞，布局比較難看", 
region:"north", 
height:50 
}, 
{ 
title:'菜單', 
collapsible:true, 
html:"菜單欄", 
region:"west", 
width:200 
}, 
{ 
xtype:"tabpanel", 
activeTab: 0, 
region:"center", 
items:[ 
{title:"面板1",html:"tab面板1的內(nèi)容"}, 
{title:"面板2",html:"tab面板2的內(nèi)容"} 
] 
} 
] 
}) 
}

基本的面板應(yīng)用就算說完了?？赡苡行┤苏J(rèn)為文章寫的很基礎(chǔ)，沒辦法，我也是初學(xué)，只能寫應(yīng)用。還沒能去研究ext的源碼。如果各位對文章有什么不好的地方或者需要改進(jìn)的地方請留言說明，我會盡量做到。
源碼打包 http://xiazai.jb51.net/200812/yuanma/jb51.net_ExtJsDemo3.rar

您可能感興趣的文章:

相關(guān)文章

ExtJS 2.0實用簡明教程之應(yīng)用ExtJS
應(yīng)用extjs需要在頁面中引入extjs的樣式及extjs庫文件
2009-04-04
ExtJS4給Combobox設(shè)置列表中的默認(rèn)值示例
這篇文章主要介紹了ExtJS4如何給Combobox設(shè)置列表中的默認(rèn)值,需要的朋友可以參考下
2014-05-05
入門基礎(chǔ)學(xué)習(xí) ExtJS筆記（一）
這段時間手中項目已經(jīng)完成，空閑時間較多。開始了學(xué)習(xí)ExtJs之旅。
2010-11-11
學(xué)習(xí)ExtJS border布局
ExtJS border布局使用說明，需要的朋友可以參考下。
2009-10-10
Extjs3.0 checkboxGroup 動態(tài)添加item實現(xiàn)思路
Extjs3.0中的CheckboxGroup默認(rèn)不能動態(tài)添加item,如需要數(shù)據(jù)動態(tài)創(chuàng)建，試著創(chuàng)建整個CheckboxGroup，而不是動態(tài)添加item，具體實現(xiàn)如下，感興趣的朋友可以了解下
2013-08-08
ExtJS Grid使用SimpleStore、多選框的方法
ExtJS 中Grid使用SimpleStore、多選框的方法,需要的朋友可以參考下。
2009-11-11
ExtJS 學(xué)習(xí)專題（一）如何應(yīng)用ExtJS（附實例）
相信大家已經(jīng)領(lǐng)略了ExtJs的魅力，那么要如何應(yīng)用ExtJS呢？
2010-03-03
extjs 為某個事件設(shè)置攔截器
Ext.util.Observable有一個重要的功能，可以為某個事件設(shè)置攔截器，統(tǒng)一管理方法的處罰。使用capture()和releaseCapture()來實現(xiàn)這個功能。
2010-01-01
ExtJS4中使用mixins實現(xiàn)多繼承示例
在ExtJS4中使用mixins來實現(xiàn)多繼承，下面有個不錯的示例，感興趣的朋友可以參考下
2013-12-12
ExtJS4利根據(jù)登錄后不同的角色分配不同的樹形菜單
這篇文章主要介紹了ExtJS4利根據(jù)登錄后不同的角色分配不同的樹形菜單,需要的朋友可以參考下
2014-05-05