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

對(duì)待本人用到的東西來(lái)做一個(gè)小設(shè)計(jì)。代碼不多做講解,發(fā)一下代碼和效果吧
function viewportlayout(){
var view=new Ext.Viewport({
enableTabScroll:true,
layout:"border",
items:[
{
title:'面板',
html:"沒(méi)有美術(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)用就算說(shuō)完了。可能有些人認(rèn)為文章寫(xiě)的很基礎(chǔ),沒(méi)辦法,我也是初學(xué),只能寫(xiě)應(yīng)用。還沒(méi)能去研究ext的源碼。如果各位對(duì)文章有什么不好的地方或者需要改進(jìn)的地方請(qǐng)留言說(shuō)明,我會(huì)盡量做到。
源碼打包 http://xiazai.jb51.net/200812/yuanma/jb51.net_ExtJsDemo3.rar
- 解決PhoneGap不支持viewport的幾種方法
- 深入理解移動(dòng)前端開(kāi)發(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é)
- 通過(guò)viewport實(shí)現(xiàn)jsp頁(yè)面支持手機(jī)縮放
- 關(guān)于viewport,Ext.panel和Ext.form.panel的關(guān)系
- 如何基于viewport vm適配移動(dòng)端頁(yè)面
相關(guān)文章
解決ExtJS在chrome或火狐中正常顯示在ie中不顯示的瀏覽器兼容問(wèn)題
由于開(kāi)發(fā)過(guò)程中大多用chrome來(lái)調(diào)試,很少在ie中調(diào)試(現(xiàn)在兩者都要兼顧),導(dǎo)致最后在ie中頁(yè)面不能正常加載,當(dāng)時(shí)那個(gè)囧啊,看到ie報(bào)的錯(cuò),我都想哭,連出錯(cuò)的堆棧信息都沒(méi)有(這一點(diǎn),ie做的真不好),無(wú)從下手啊2013-01-01ext中store.load跟store.reload的區(qū)別示例介紹
這篇文章主要介紹了ext中store.load跟store.reload的區(qū)別,需要的朋友可以參考下2014-06-06使用ExtJS技術(shù)實(shí)現(xiàn)的拖動(dòng)樹(shù)結(jié)點(diǎn)
在本文將介紹TreePanel組件非常有意思的一個(gè)功能:結(jié)點(diǎn)拖放。要使TreePanel組件的結(jié)點(diǎn)可以拖放非常簡(jiǎn)單,只需要將TreePanel類(lèi)的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)空白,先熊板板的空白不過(guò)后來(lái)終于解決,接下來(lái)與大家分享下解決技巧,感興趣的朋友可以參考下哈2013-04-04ExtJS下 Ext.Direct加載和提交過(guò)程排錯(cuò)小結(jié)
基礎(chǔ)夯實(shí)一點(diǎn),會(huì)有好處的,排錯(cuò)的時(shí)候就體現(xiàn)出來(lái)了,下面就Ext.Direct做一些排錯(cuò)筆記與大家一一分享,感興趣的朋友可以參考下哈2013-04-04extjs每個(gè)組件要設(shè)置唯一的ID否則會(huì)出錯(cuò)
extjs每個(gè)組件要設(shè)置唯一的ID,否則會(huì)造成各種錯(cuò)誤。EXTJS基本上是靠ID來(lái)識(shí)別組件的2014-06-06ExtJS4利根據(jù)登錄后不同的角色分配不同的樹(shù)形菜單
這篇文章主要介紹了ExtJS4利根據(jù)登錄后不同的角色分配不同的樹(shù)形菜單,需要的朋友可以參考下2014-05-05ExtJs 學(xué)習(xí)筆記基礎(chǔ)篇 Ext組件的使用
昨天剛接觸到Extjs,簡(jiǎn)單寫(xiě)了篇學(xué)習(xí)筆記,今天繼續(xù)。2008-12-12