ExtJs 學(xué)習(xí)筆記 Ext.Panle Ext.TabPanel Ext.Viewport
更新時(shí)間:2008年12月29日 23:12:23 作者:
ExtJs 學(xué)習(xí)筆記基礎(chǔ)篇 面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)

對(duì)待本人用到的東西來做一個(gè)小設(shè)計(jì)。代碼不多做講解,發(fā)一下代碼和效果吧
復(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的源碼。如果各位對(duì)文章有什么不好的地方或者需要改進(jìn)的地方請(qǐng)留言說明,我會(huì)盡量做到。
源碼打包 http://xiazai.jb51.net/200812/yuanma/jb51.net_ExtJsDemo3.rar
您可能感興趣的文章:
- 解決PhoneGap不支持viewport的幾種方法
- 深入理解移動(dòng)前端開發(fā)之viewport
- 詳解jquery插件jquery.viewport.js學(xué)習(xí)使用方法
- 關(guān)于meta viewport中target-densitydpi屬性詳解(推薦)
- 自適應(yīng)布局meta標(biāo)簽中viewport、content、width、initial-scale、minimum-scale、maximum-scale總結(jié)
- 通過viewport實(shí)現(xiàn)jsp頁面支持手機(jī)縮放
- 關(guān)于viewport,Ext.panel和Ext.form.panel的關(guān)系
- 如何基于viewport vm適配移動(dòng)端頁面
相關(guān)文章
解決ExtJS在chrome或火狐中正常顯示在ie中不顯示的瀏覽器兼容問題
由于開發(fā)過程中大多用chrome來調(diào)試,很少在ie中調(diào)試(現(xiàn)在兩者都要兼顧),導(dǎo)致最后在ie中頁面不能正常加載,當(dāng)時(shí)那個(gè)囧啊,看到ie報(bào)的錯(cuò),我都想哭,連出錯(cuò)的堆棧信息都沒有(這一點(diǎn),ie做的真不好),無從下手啊2013-01-01ext中store.load跟store.reload的區(qū)別示例介紹
這篇文章主要介紹了ext中store.load跟store.reload的區(qū)別,需要的朋友可以參考下2014-06-06使用ExtJS技術(shù)實(shí)現(xiàn)的拖動(dòng)樹結(jié)點(diǎn)
在本文將介紹TreePanel組件非常有意思的一個(gè)功能:結(jié)點(diǎn)拖放。要使TreePanel組件的結(jié)點(diǎn)可以拖放非常簡單,只需要將TreePanel類的enableDD選項(xiàng)參數(shù)設(shè)為true即可。當(dāng)然,要想實(shí)現(xiàn)更復(fù)雜的功能,還需要配合其他的參數(shù)和事件。2010-08-08Extjs 3.3切換tab隱藏相應(yīng)工具欄出現(xiàn)空白解決
在切換tabpanel的時(shí)候,把相應(yīng)的工具欄隱藏掉,結(jié)果出現(xiàn)空白,先熊板板的空白不過后來終于解決,接下來與大家分享下解決技巧,感興趣的朋友可以參考下哈2013-04-04ExtJS下 Ext.Direct加載和提交過程排錯(cuò)小結(jié)
基礎(chǔ)夯實(shí)一點(diǎn),會(huì)有好處的,排錯(cuò)的時(shí)候就體現(xiàn)出來了,下面就Ext.Direct做一些排錯(cuò)筆記與大家一一分享,感興趣的朋友可以參考下哈2013-04-04extjs每個(gè)組件要設(shè)置唯一的ID否則會(huì)出錯(cuò)
extjs每個(gè)組件要設(shè)置唯一的ID,否則會(huì)造成各種錯(cuò)誤。EXTJS基本上是靠ID來識(shí)別組件的2014-06-06ExtJS4利根據(jù)登錄后不同的角色分配不同的樹形菜單
這篇文章主要介紹了ExtJS4利根據(jù)登錄后不同的角色分配不同的樹形菜單,需要的朋友可以參考下2014-05-05ExtJs 學(xué)習(xí)筆記基礎(chǔ)篇 Ext組件的使用
昨天剛接觸到Extjs,簡單寫了篇學(xué)習(xí)筆記,今天繼續(xù)。2008-12-12