FineUI 官方论坛

标题: tab 控件里嵌套 RegionPanel 不显示的问题 [打印本页]

作者: 信徒    时间: 2012-5-10 14:41
标题: tab 控件里嵌套 RegionPanel 不显示的问题
本帖最后由 信徒 于 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>
实际与期望的运行结果:
期望能左右显示,实际啥都没有

截图:
[attach]428[/attach]


作者: sanshi    时间: 2012-5-12 20:29
RegionPanel只能放在最外面,想在Tab中做一个左右的布局,可以使用HBox布局,这个多看下示例
作者: 张怡    时间: 2012-5-14 16:51
本帖最后由 张怡 于 2012-5-14 17:16 编辑

可以,关键是你的tab2里的Layout属性要设对。
[attach]475[/attach]

作者: 信徒    时间: 2012-5-14 17:33
张怡 发表于 2012-5-14 16:51
可以,关键是你的tab2里的Layout属性要设对。

把你的代码贴出来看看呢
作者: 张怡    时间: 2012-5-14 18:21
信徒 发表于 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    时间: 2012-5-14 18:25
张怡 发表于 2012-5-14 16:51
可以,关键是你的tab2里的Layout属性要设对。

哦,对,我弄错了。regionpanel可以放在其他容器中




欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/) Powered by Discuz! X3.4