您的位置：首页 > Web前端 > JavaScript

EXT4 JS 生成主页面（利用 Sencha工具）（step 1）

2013-07-24 09:31 337 查看
文档（配图）下载地址：http://download.csdn.net/detail/yeness/5805181

一、新建项目，打开SenchaArchitect,选择Ext JS 4.2.X

二、建立 “Viewport” (整个版面)

加载后，分别设置id与layout属性

Id:MyViewport

Layout:border

设置效果如下：

三、建立顶部占位符

设置占位符的属性 id、region

Id:MyNorth

Region:North

ContentEL:divNorth

转换 container 为panel ，xtype:panel

四、设置左侧导航占位符

设置以下属性：

region:
'west',
stateId:
'MyWestStateID',
id:
'MyWest',
title:
'菜单',
split: true,
width:
200,
minWidth:
200,
maxWidth:
400,
collapsible:
true,
animCollapse:
false,
margins:
'0 0 0 5'

转换 container 为panel ，xtype:panel

五、添加中间占位符

region:
'center',
deferredRender: false,
activeTab: 1

六、生成底部占位符

region: 'south',

contentEl: 'south',

split: true,

height: 100,

minSize: 100,

maxSize: 200,

collapsible: true,

collapsed: true,

title: '版权信息技术支持',

margins: '0 0 0 0'

七、运行前

在body内加入以下代码

<body>

<divid="divNorth">divNorth</div>

<divid="divSouth">divSouth</div></body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航