FineUI 官方论坛

标题: TabStrip里放Panel,Panel会把TabStrip遮住的问题 [打印本页]

作者: 石头    时间: 2015-9-6 16:57
标题: TabStrip里放Panel,Panel会把TabStrip遮住的问题
[attach]7827[/attach]
在TabStrip的一个Tab里放一个Grid,代码如下:
<x:TabStrip ID="mainTabStrip"
            EnableTabCloseMenu="true"
            ShowBorder="false" runat="server">
        <Tabs>
            <x:Tab ID="Tab1" Title="角色信息"  
                Layout="Fit" Icon="House" runat="server" >
                </x:Tab>
           <x:Tab ID="Tab2" Title="功能授权"  
                Layout="Fit" Icon="House" runat="server" >
                </x:Tab>
           <x:Tab ID="Tab3" Title="角色用户"  
                Layout="Fit" Icon="House" runat="server" >
            
                <Items>
                     <xanel ID="pnl_Main" runat="server" EnableBackgroundColor="true" BodyPadding="3px"
        Height="" EnableLargeHeader="false" ShowBorder="false" ShowHeader="false"
        Layout="Fit">
        <Items>
                        <x:Grid ID="gr_RoleUser"  runat="server" EnableCheckBoxSelect="true"
        Title="Grid" ShowHeader="False"
        DataKeyNames="Id" AllowPaging="True" AllowSorting="True" EnableAjax="true"
        AutoHeight="True" IsDatabasePaging="True"  
         PageSize="15">
                <Columns>
                    <%--定义Grid控件的栏位列表--%>
                    <x:BoundField  Width="80px" SortField="Id"  
                    DataField="Id" HeaderText="用户名" />
                    <x:BoundField  Width="100px" SortField="StudentName"  
                    DataField="StudentName" HeaderText="姓名" />
                    <x:BoundField  Width="100px" SortField="Department"  
                    DataField="Department" HeaderText="部门" />
        </Columns>                    
        </x:Grid></Items>
        </xanel>
      
                </Items>
                </x:Tab>
       </Tabs>
       </x:TabStrip>
这个Panel会把TabStrip全部遮住。如果去掉Panel,则会变成:
Grid无法占满整个窗口。请问该如何解决这个问题,谢谢!
[attach]7828[/attach]

作者: sanshi    时间: 2015-9-6 19:13

你的版本太老了,不排除是老版本的BUG,请先升级到 FineUI 最新版。

我在 FineUI v4.2.0 中测试,没有任何问题:
[attach]7829[/attach]

附测试代码:
  1. <f:TabStrip ID="mainTabStrip" Width="900px" Height="450px"
  2.             EnableTabCloseMenu="true"
  3.             ShowBorder="false" runat="server">
  4.             <Tabs>
  5.                 <f:Tab ID="Tab1" Title="角色信息"
  6.                     Layout="Fit" Icon="House" runat="server">
  7.                 </f:Tab>
  8.                 <f:Tab ID="Tab2" Title="功能授权"
  9.                     Layout="Fit" Icon="House" runat="server">
  10.                 </f:Tab>
  11.                 <f:Tab ID="Tab3" Title="角色用户" Layout="Fit" Icon="House" runat="server">
  12.                     <Items>
  13.                         <f:Panel ID="pnl_Main" runat="server" BodyPadding="3px"
  14.                             ShowBorder="false" ShowHeader="false" Layout="Fit">
  15.                             <Items>
  16.                                 <f:Grid ID="gr_RoleUser" runat="server" EnableCheckBoxSelect="true"
  17.                                     Title="Grid" ShowHeader="False" AllowPaging="true" IsDatabasePaging="True" PageSize="15">
  18.                                     <Columns>
  19.                                         <%--定义Grid控件的栏位列表--%>
  20.                                         <f:BoundField Width="80px" SortField="Id"
  21.                                             DataField="Id" HeaderText="用户名" />
  22.                                         <f:BoundField Width="100px" SortField="StudentName"
  23.                                             DataField="StudentName" HeaderText="姓名" />
  24.                                         <f:BoundField Width="100px" SortField="Department"
  25.                                             DataField="Department" HeaderText="部门" />
  26.                                     </Columns>
  27.                                 </f:Grid>
  28.                             </Items>
  29.                         </f:Panel>
  30.                     </Items>
  31.                 </f:Tab>
  32.             </Tabs>
  33.         </f:TabStrip>
复制代码







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