社区
Ajax
帖子详情
Ext js 中如何在TabPanel中放入treepanel
紫焰月读
2009-12-21 02:33:13
Ext js 中如何在TabPanel中放入treepanel是可以实现的,
我现在在一个tab中放入一个 treepanel 和一个 gridpanel,
目前的问题是如何保证让treepanel 和 gridpanel 的高度为 tab 的高度
...全文
489
9
打赏
收藏
Ext js 中如何在TabPanel中放入treepanel
Ext js 中如何在TabPanel中放入treepanel是可以实现的, 我现在在一个tab中放入一个 treepanel 和一个 gridpanel, 目前的问题是如何保证让treepanel 和 gridpanel 的高度为 tab 的高度
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
9 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
youqibing01
2010-10-19
打赏
举报
回复
[Quote=引用 7 楼 wffeiyang 的回复:]
用panel作tab,panel 的布局为border,treepanel(region属性为west)加到panel中,gridpanel(region属性为center)加到panel中。最后把panel加到tabpanel中即可
[/Quote]
正解。。。
flyerwing
2010-10-18
打赏
举报
回复
[Quote=引用楼主 purpleflame 的回复:]
Ext js 中如何在TabPanel中放入treepanel是可以实现的,
我现在在一个tab中放入一个 treepanel 和一个 gridpanel,
目前的问题是如何保证让treepanel 和 gridpanel 的高度为 tab 的高度
[/Quote]
很好搞定的!
雁南归
2010-10-18
打赏
举报
回复
用panel作tab,panel 的布局为border,treepanel(region属性为west)加到panel中,gridpanel(region属性为center)加到panel中。最后把panel加到tabpanel中即可
陈杰2028
2010-10-15
打赏
举报
回复
看不懂,有详细关于ext的解说吗?
liubin123579
2010-02-26
打赏
举报
回复
布局确实头大。。。。
紫焰月读
2009-12-22
打赏
举报
回复
感谢woshifou, autoHeight 我已经使用过,无效。tabpanel 处于一个 viewport 的 center 区域中,Tab 的高度与 center 区的高度一致, 而 viewport 的尺寸是随浏览器的尺寸的变化而变化的,所以不可能指定Tab的高度。
感谢z1g2w3i4, tabpanel 的 layout 确实已设为 fit, 这点上没有问题,不过tabpanel中的panel指定高度是无法达到适应窗口大小的应用的。
我发现之所以无法充满可能是因为使用了两个Panel,即在tabpanel中添加panel后,在panel的load中载入的aspx中又创建了一个panel,用于treepanel 和 gridpanel的填充,如果直接在第一步中添加到tabpanel的panel中直接放入treepanel 和 gridpanel,是可以充满整个tab的。
这样又产生一个新的问题,由于每个tab都不尽相同,可能是panel, 也可能直接一个 gridpanel 或其它 panel, 这样必须将每个tab的创建都写到同一文件中,而我考虑的是在需要时才载入, 这样需要在tab对应的页面文件中重新构造由主文件创建的panel, 查不到这方面资料。
z1g2w3i4
2009-12-21
打赏
举报
回复
既然是Panel当然都有height:属性,设为一样的就ok.tabpanel应该也可以layout:'fit'填充布局
woshifou
2009-12-21
打赏
举报
回复
你定义好Tab的高度,然后autoHeight:true试试看。
xiuyouxu
2009-12-21
打赏
举报
回复
好好看看布局吧
Ext
中
Tree
Panel
控件和
Tab
Panel
控件搭配
在实际的项目
中
,左边树形菜单,提供各种功能点击,右边一个面板,随着左边节点的选择表现不同的功能内容,这是一个相当经典的布局,在
Ext
框架
中
,有两个控件
Tree
Panel
和
Tab
Panel
刚好完成这些功能,本文就这两个控件的搭配使用和点击左边树节点引起右边内容变化的方法作一个简单的介绍。首先看下面的具体的代码。
Js
代码 "-//W3C//DTD XHTML 1.0 Tr
Ext
.Panle
Ext
.
Tab
Panel
Ext
.Viewport
面板的使用(
Ext
.Panle、
Ext
.
Tab
Panel
、
Ext
.Viewport)通过此文能学习到如下内容 1.创建一个简单的面板
Ext
.
Panel
2.制作一个可以拖动的面板
Ext
.
Panel
3 .使用选项卡面板 3.使用
Ext
.Viewport搭一个简单布局(用一个小例子来总结本文所有内容) 面板是
Ext
Js
控件的基础,很多控件都是在面板的基础上扩展的,或者他会与其他控件之间有关系。 ...
ext
js
学习网站
http://
js
tang.cn/ajax
js
/index/ 我认为学习
EXT
开发最好的方法是,在真正开发之前,掌握好高级JavaScript知识,就像鱼儿游在水里一样对
JS
运用自如。自己可以创建JavaScript的类、明白类原型(classs prototype)的原理,和明白函数的作用域都是有益的帮助。明白Ajax为什么要异步方式也是其
中
的一个知识点。论坛上50%所提出的问题很
EXT
中
文手册
个人github:https://github.com/qiilee 欢迎follow
EXT
中
文手册 前 言 本手册所有内容均粘贴自互联网,如有错误,请多见谅。 目 录
EXT
中
文手册 1
EXT
简介 3 目錄 3 下载
Ext
4 开始! 4 Element:
Ext
的核心 4 获取多个DOM的节点 5 响应事件 5 使用Widgets 7 使...
面板
Ext
.
Panel
使用
面板
Ext
.
Panel
使用 概要 1、
Ext
.
Panel
概述 2、面板的五大组成部分 3、面板的特点 4、面板
中
的内容 5、面板内容动态控制 6、API概述 1、
Ext
.
Panel
概述 面板
Panel
是
Ext
JS
控件的基础,很多高级控件都是在面板的基础上扩展的,还有其它大多数控件也都直接或间接与它有关系。应用程序的界面一般情况下是由一
Ajax
52,798
社区成员
25,309
社区内容
发帖
与我相关
我的任务
Ajax
Web 开发 Ajax
复制链接
扫一扫
分享
社区描述
Web 开发 Ajax
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章