ExtJS 4 【Ext.container.Viewport】

Ext.onReady(function(){
	Ext.create(‘Ext.container.Viewport‘, {
		layout: ‘border‘,
		items: [{
			title: ‘1‘,
			region: ‘north‘,
			html: ‘ <a href="../../Default.html">首页</a>‘,
			height: 100
		}, {
			title: ‘2‘,
			region: ‘west‘,
			width: 150,
			html: ‘left‘
		}, {
			title: ‘3‘,
			html: ‘middle‘,
			region: ‘center‘
		}]
	});
});

时间： 2024-10-06 03:45:50

ExtJS 4 【Ext.container.Viewport】的相关文章

ExtJS 4 【Ext.tab.Panel】

Ext.onReady(function () { Ext.create('Ext.tab.Panel', { title: 'Ext.tab.Panel 示例', frame: true, height: 150, width: 300, activeTab: 1, renderTo: 'content', items: [ { title: '1', html: '1' }, { title: '2', html: '2' }, { title: '3', html: '3' } ] }

ExtJS 4 【Ext.toolbar.Toolbar】

<input type="button" id="EnableToolbar" value="启用工具栏" /> <input type="button" id="DisableToolbar" value="停用工具栏" /> <br/> <div id="toolbar"></div> .csharpco

ExtJS 4 【Ext.menu.Menu】

<div id="toolbar"></div> .csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color: #ffffff; /*white-space: pre;*/ } .csharpcode pre { margin

ExtJS 4 【Ext.panel.Panel】

Ext.panel.Panel.html <div id="content"></div> .csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color: #ffffff; /*white-space: pre;*/ } .csha

ExtJS 4 【Ext.Msg.alert】

function ShowMsg() { Ext.MessageBox.alert("消息", "您好!"); } .csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color: #ffffff; /*white-space: pre;

ExtJs4 笔记（9） Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件（转）出处：[Lipan] （http://www.cnblogs.com/lipan/）

本篇讲解三个容器类控件. 一.面板控件 Ext.Panel 一个面板控件包括几个部分,有标题栏.工具栏.正文.按钮区.标题栏位于最上面,工具栏可以在四个位置放置,围绕中间部分正文,按钮区位于最小方.下面介绍几个基本配置项: 1.title:设置面板标题文本. 2.tbar,lbar,rbar,bbar:分别设置上.左.右.下四个部位的工具栏. 3.html,items:前者用来设置正文部分的html,后者设置正文部分的ext控件. 4.buttons:设置按钮区的按钮. 下面看看面板生成代码:

ExtJS 4 【Ext.container.Viewport】