Extjs 2.2 Viewport实用案例之二
来源:互联网 发布:c语言点滴 编辑:程序博客网 时间:2024/04/30 16:41
刚刚完工一个Extjs项目在此将其Viewport代码总结一下。以备不时之需:
效果截图:
代码如下:
var indexview = new Ext.Viewport({layout: 'border',hideBorders : true,items:[{border : false,region:"north",height:100,frame : true,items : [{frame : true,layout : 'column',items : [{bodyStyle : 'padding:0px;border:1px',columnWidth : .2,html : '<img src="images/smshhis/logo.jpg">'},{bodyStyle : 'padding:0px;border:1px',columnWidth : .8,html : quitbtn+quickstr+curloginer}]}]},{title:"菜单",region:"west",width:200,collapsible : true,collapsed:false, //是否自动折叠layout:'fit',split : true,margins : '0 0 0 5',items : [{layout:'accordion',layoutConfig:{animate:true},items : alltree}]},{border: false,id : "centertab",region:"center",split : true,collapsible : true,layout : 'fit',items: centertabs = new Ext.TabPanel({plugins: new Ext.ux.TabCloseMenu(),//id : 'centertab',deferredRender : false,animScroll : true,autoTabs : true,enableTabScroll : true,autoDestroy : true,border : false,bodyStyle : 'border:0px;',layoutOnTabChange : true,activeTab : 0,items : [{title : '系统信息', frame : true, closable:false, autoScroll : true, border : false, iconCls : 'nav3', bodyStyle : 'border:0px;' }]})},{id : 'downpanel',border:false,region:"south",height:50,title:"通知",collapsible:true,html : '<marquee width=100% onmouseover="this.stop()" onmouseout="this.start()" id="notice">'+paoma+'</marquee>'}]});
- Extjs 2.2 Viewport实用案例之二
- Extjs框架viewport总结之最简单的viewport案例图解(入门专用)
- Extjs 之 viewport
- Extjs学习总结之28viewport
- EXTjs的案例(二)
- spark之实用案例
- ExtJS梦想之旅(五)--Viewport的使用
- ExtJS ViewPort的使用
- ExtJS学习:MVC模式案例(二)
- ExtJS学习:MVC模式案例(二)
- EXTJS之GRID 二
- ExtJS Viewport 高度百分比设置
- ExtJs——TabPanel、ViewPort!!!
- ExtJS初级教程之ExtJS Tree(二)
- ExtJS初级教程之ExtJS Grid(二)
- Extjs系列之二 - Extjs继承系统
- ExtJS 案例
- ExtJS 案例
- Openfire架设Webservice小结
- 当String.Split()方法遇到回车换行
- 键盘输入20个数的累加
- 开源WebOS
- 基于ASP.NET的comet简单实现
- Extjs 2.2 Viewport实用案例之二
- 代码静态检查fortify
- 输出乘法口诀表
- N880E从4.0刷回2.3
- WWDC 2012 Session笔记——205 Introducing Collection Views
- Comet:基于 HTTP 长连接的“服务器推”技术
- 升级到cocos2d-x 2.0.2代码差异
- 记得依依曾经说过,要做个快乐的天使。
- 字符编码概述