EXTJS4.x之一个简单的主界面
之前我们用FormPanel实现登录界面，接下来我们实现一个简单的程序主界面，同样我们使用Sencha Architect作为开发工具。新建一个extjs4.x工程并保存为main工程在javaweb工程的WebRoot目录下。1.拖拉一个Viewport控件到设计界面中，的到如下图视图区控件Viewport官方文档是这样描述的一个专门的容器，可视的应用领域（浏
之前我们用FormPanel实现登录界面，接下来我们实现一个简单的程序主界面，同样我们使用Sencha Architect作为开发工具。新建一个extjs4.x工程并保存为main工程在javaweb工程的WebRoot目录下。
1.拖拉一个Viewport控件到设计界面中，的到如下图
视图区控件Viewport官方文档是这样描述的
2.设置Viewport的布局方式为border，即设置MyViewport的layout属性为border
3.分别拖动panel，tree panel，tab panel到myViewport中得到如下图所示结果
接下来设置一下这个三个panle的属性，分别为
MyTreePanle：
title：设置为“菜单”
region：设置为west
id：panleMenu
MyPanle：
title：设置为“标题栏”
region：设置为north
id：设置为panelHeader
MyTabView：
title：设置为“主面板”
region：设置为center
id：panleCenter
得到如下图效果
保存工程，刷新java web工程，启动tomcat打开浏览器可以看到我们的页面了
这篇写的比较少了，下次继续
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
1
0- 0
已为社区贡献2条内容
所有评论(0)