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ì)待本人用到的東西來(lái)做一個(gè)小設(shè)計(jì)。代碼不多做講解,發(fā)一下代碼和效果吧
復(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ō)完了??赡苡行┤苏J(rèn)為文章寫的很基礎(chǔ),沒(méi)辦法,我也是初學(xué),只能寫應(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)前端開發(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 2.0實(shí)用簡(jiǎn)明教程之應(yīng)用ExtJS
應(yīng)用extjs需要在頁(yè)面中引入extjs的樣式及extjs庫(kù)文件2009-04-04
ExtJS4給Combobox設(shè)置列表中的默認(rèn)值示例
這篇文章主要介紹了ExtJS4如何給Combobox設(shè)置列表中的默認(rèn)值,需要的朋友可以參考下2014-05-05
入門基礎(chǔ)學(xué)習(xí) ExtJS筆記(一)
這段時(shí)間手中項(xiàng)目已經(jīng)完成,空閑時(shí)間較多。開始了學(xué)習(xí)ExtJs之旅。2010-11-11
Extjs3.0 checkboxGroup 動(dòng)態(tài)添加item實(shí)現(xiàn)思路
Extjs3.0中的CheckboxGroup默認(rèn)不能動(dòng)態(tài)添加item,如需要數(shù)據(jù)動(dòng)態(tài)創(chuàng)建,試著創(chuàng)建整個(gè)CheckboxGroup,而不是動(dòng)態(tài)添加item,具體實(shí)現(xiàn)如下,感興趣的朋友可以了解下2013-08-08
ExtJS Grid使用SimpleStore、多選框的方法
ExtJS 中Grid使用SimpleStore、多選框的方法,需要的朋友可以參考下。2009-11-11
ExtJS 學(xué)習(xí)專題(一) 如何應(yīng)用ExtJS(附實(shí)例)
相信大家已經(jīng)領(lǐng)略了ExtJs的魅力,那么要如何應(yīng)用ExtJS呢?2010-03-03
ExtJS4中使用mixins實(shí)現(xiàn)多繼承示例
在ExtJS4中使用mixins來(lái)實(shí)現(xiàn)多繼承,下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下2013-12-12
ExtJS4利根據(jù)登錄后不同的角色分配不同的樹形菜單
這篇文章主要介紹了ExtJS4利根據(jù)登錄后不同的角色分配不同的樹形菜單,需要的朋友可以參考下2014-05-05

