网站首页
开启辅助访问

FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步，快速开始

本论坛已关闭（禁止注册、发帖和回复）
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI（开源版） 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1，快、快、快！ 全新ASP.NET Core，比WebForms还简单！ 欢迎加入【三石和他的朋友们】（基础版下载）

搜索
FineUI 官方论坛»论坛首页 › FineUI（WebForms，开源版） › FineUI BUG 提交区 › tab 控件里嵌套 RegionPanel 不显示的问题
返回列表 发新帖
查看: 6027|回复: 5
打印 上一主题 下一主题

tab 控件里嵌套 RegionPanel 不显示的问题

[复制链接]
信徒
跳转到指定楼层
楼主
发表于 2012-5-10 14:41:35 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
本帖最后由 信徒 于 2012-5-10 14:43 编辑

ExtAspNet和浏览器版本：
ExtAspNet：v3.1.5浏览器版本：IE9.0

问题描述：
在tab空间里放了RegionPanel控件，想让tab2里的内容分左右显示，结果内容不显示出来

测试代码或示例：

   <ext:TabStrip ID="TabStrip1" Height="500px" ShowBorder="true" ActiveTabIndex="0"
        runat="server">
        <Tabs>
            <ext:Tab ID="tabBase" runat="server" EnableBackgroundColor="true" Title="基本信息" BodyPadding="5px"
                Layout="Fit">
                <Items>
                    <ext:Form ID="Form1" ShowBorder="false" ShowHeader="false" EnableBackgroundColor="true"
                        AutoScroll="true" runat="server" EnableCollapse="true" LabelWidth="100px">
                        <Rows>
                            <ext:FormRow>
                                <Items>
                                    <extabel ID="lblUserId" runat="server" Label="账号" Text="">
                                    </extabel>
                                    <extabel ID="lblUserName" runat="server" Label="姓名" Text="">
                                    </extabel>
                                </Items>
                            </ext:FormRow>
                         </Rows>
                    </ext:Form>
                </Items>
            </ext:Tab>
            <ext:Tab ID="tabRoles" runat="server" BodyPadding="5px" EnableBackgroundColor="true"
                Title="角色信息">
                <Items>
                    <ext:RegionPanel ID="RegionPanel1" ShowBorder="false" runat="server">
                            <ext:Region ID="Region1" ShowBorder="false" ShowHeader="false" Split="true" EnableSplitTip="true"
                                CollapseMode="Mini" Margins="0 0 0 0" Width="100px" Position="Left" Layout="Fit"
                                runat="server">
                                <Items>
                                    <extabel ID="Label1" runat="server" Label="Label" Text="Label">
                                    </extabel>
                                </Items>
                            </ext:Region>
                            <ext:Region ID="Region2" ShowBorder="false" ShowHeader="false" Position="Center"
                                Layout="VBox" BoxConfigAlign="Stretch" BoxConfigPosition="Left" runat="server">
                                <Items>
                                    <extabel runat="server" Label="Label" Text="Label">
                                    </extabel>
                                </Items>
                            </ext:Region>
                    </ext:RegionPanel>
                </Items>
            </ext:Tab>
        </Tabs>
    </ext:TabStrip>实际与期望的运行结果：
期望能左右显示，实际啥都没有

截图：


本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
回复

举报

sanshi
沙发
发表于 2012-5-12 20:29:27 | 只看该作者
RegionPanel只能放在最外面，想在Tab中做一个左右的布局，可以使用HBox布局，这个多看下示例
回复 支持 反对

举报

张怡
板凳
发表于 2012-5-14 16:51:58 | 只看该作者
本帖最后由 张怡 于 2012-5-14 17:16 编辑

可以，关键是你的tab2里的Layout属性要设对。

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
回复 支持 反对

举报

信徒
地板
 楼主| 发表于 2012-5-14 17:33:06 | 只看该作者
张怡 发表于 2012-5-14 16:51
可以，关键是你的tab2里的Layout属性要设对。

把你的代码贴出来看看呢
回复 支持 反对

举报

张怡
5#
发表于 2012-5-14 18:21:29 | 只看该作者
信徒 发表于 2012-5-14 17:33
把你的代码贴出来看看呢
  1. <body>
  2.     <form id="form1" runat="server">
  3.     <ext:PageManager ID="PageManager1" runat="server" FormLabelWidth="" Language="ZH_CN"
  4.         HideScrollbar="True" AutoSizePanelID="Panel1" />
  5.     <ext:Panel ID="Panel1" runat="server" ShowBorder="true" ShowHeader="false" Title="Panel"
  6.         Layout="Fit">
  7.         <Items>
  8.             <ext:TabStrip ID="TabStrip1" runat="server">
  9.                 <Tabs>
  10.                     <ext:Tab ID="Tab1" Title="Tab1" runat="server" Layout="Fit" AutoScroll="False">
  11.                         <Items>
  12.                             <ext:Label ID="Label2" runat="server" Text="这是TAB1">
  13.                             </ext:Label>
  14.                         </Items>
  15.                     </ext:Tab>
  16.                     <ext:Tab ID="Tab2" BodyPadding="5px" Title="Tab2 " runat="server">
  17.                         <Items>
  18.                             <ext:Label ID="Label3" runat="server" Text="这是TAB2">
  19.                             </ext:Label>
  20.                         </Items>
  21.                     </ext:Tab>
  22.                     <ext:Tab ID="Tab3" Title=" Tab3 - Layout=Fit " runat="server" Layout="Fit">
  23.                         <Items>
  24.                             <ext:RegionPanel ID="RegionPanel1" ShowBorder="false" runat="server">
  25.                                 <Regions>
  26.                                     <ext:Region ID="Region1" ShowBorder="false" ShowHeader="false" Split="true" EnableSplitTip="true"
  27.                                         CollapseMode="Mini" Margins="0 0 0 0" Width="100px" Position="Left" Layout="Fit"
  28.                                         runat="server">
  29.                                         <Items>
  30.                                             <ext:Label id="Label1" runat="server" label="Label" text="Label">
  31.                                             </ext:Label>
  32.                                         </Items>
  33.                                     </ext:Region>
  34.                                     <ext:Region ID="Region2" ShowBorder="false" ShowHeader="false" Position="Center"
  35.                                         Layout="VBox" BoxConfigAlign="Stretch" BoxConfigPosition="Left" runat="server">
  36.                                         <Items>
  37.                                             <ext:Label ID="Label4" runat="server" label="Label" text="Label">
  38.                                             </ext:Label>
  39.                                         </Items>
  40.                                     </ext:Region>
  41.                                 </Regions>
  42.                             </ext:RegionPanel>
  43.                         </Items>
  44.                     </ext:Tab>
  45.                 </Tabs>
  46.             </ext:TabStrip>
  47.         </Items>
  48.     </ext:Panel>
  49.     </form>
  50. </body>
复制代码
回复 支持 反对

举报

support
6#
发表于 2012-5-14 18:25:48 来自手机 | 只看该作者
张怡 发表于 2012-5-14 16:51
可以，关键是你的tab2里的Layout属性要设对。

哦，对，我弄错了。regionpanel可以放在其他容器中
回复 支持 反对

举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-11-25 19:00 , Processed in 0.047456 second(s), 19 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表