ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport
更新时间:2008年12月29日 23:12:23 作者:
ExtJs 学习笔记基础篇 面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)
对待本人用到的东西来做一个小设计。代码不多做讲解,发一下代码和效果吧
复制代码 代码如下:
function viewportlayout(){
var view=new Ext.Viewport({
enableTabScroll:true,
layout:"border",
items:[
{
title:'面板',
html:"没有美术细胞,布局比较难看",
region:"north",
height:50
},
{
title:'菜单',
collapsible:true,
html:"菜单栏",
region:"west",
width:200
},
{
xtype:"tabpanel",
activeTab: 0,
region:"center",
items:[
{title:"面板1",html:"tab面板1的内容"},
{title:"面板2",html:"tab面板2的内容"}
]
}
]
})
}
基本的面板应用就算说完了。可能有些人认为文章写的很基础,没办法,我也是初学,只能写应用。还没能去研究ext的源码。如果各位对文章有什么不好的地方或者需要改进的地方请留言说明,我会尽量做到。
源码打包 http://xiazai.jb51.net/200812/yuanma/jb51.net_ExtJsDemo3.rar
相关文章
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
由于开发过程中大多用chrome来调试,很少在ie中调试(现在两者都要兼顾),导致最后在ie中页面不能正常加载,当时那个囧啊,看到ie报的错,我都想哭,连出错的堆栈信息都没有(这一点,ie做的真不好),无从下手啊2013-01-01ext中store.load跟store.reload的区别示例介绍
这篇文章主要介绍了ext中store.load跟store.reload的区别,需要的朋友可以参考下2014-06-06
最新评论