FineUI 官方论坛

标题: 请教：Tabs下Grid 如何自动高度？ [打印本页]
作者: 小龙GG    时间: 2016-10-25 21:53
标题: 请教：Tabs下Grid 如何自动高度？

现在Grid自动高度无效。


  2. <%--                    左侧设备列表 Begin--%>
  3. <f:Region ID="RegionLeft" Split="true" Width="260px" BoxFlex="1"
  4.           Margin="0 0 0 0" ShowHeader="true" ShowBorder="true" Title="设备" Icon="Camera"
  5.           EnableCollapse="true" Layout="Fit" Collapsed="false" Position="Left" runat="server">
  6.     <Items>
  7.         <%--                            <f:Tree   BodyStyle="background:url(images/bg/bg-body.png) repeat;"   runat="server" EnableArrows="true" ShowBorder="false" ShowHeader="false"--%>
  8.         <%--                                      ID="treeMenu" Title="查询结果" AutoScroll="true">--%>
  9.         <%--                            </f:Tree>--%>
  10.         
  11.          <f:Panel ID="Panel8" ShowBorder="False" ShowHeader="False"   
  12.                                 Layout="VBox"  runat="server">
  13.                             <Items>

  15.         <f:TabStrip ID="TabStrip1"   EnableTabCloseMenu="true" ShowBorder="false" runat="server">
  16.             <Tabs>
  17.                 <f:Tab ID="Tab4" Title="树形列表" runat="server" AutoScroll="True">
  18.                     <Items>
  19.                         <f:Tree runat="server" EnableArrows="true" ShowBorder="false" ShowHeader="false"
  20.                                 ID="treeMenu" Title="查询结果" AutoScroll="true">
  21.                         </f:Tree>
  22.                     </Items>

  24.                 </f:Tab>

  26.                  
  27.                 <f:Tab ID="Tab3" Title="下拉列表"  runat="server">
  28.                     <Items>
  29.                         <f:DropDownList ID="ddlSheng" Width="230px" Margin="10 10 10 10" EmptyText="选择地区" ShowRedStar="true" CompareType="String"
  30.                                         CompareValue="-1" CompareOperator="NotEqual" CompareMessage="请选择地区" runat="server"
  31.                                         AutoPostBack="true" OnSelectedIndexChanged="ddlSheng_SelectedIndexChanged">
  32.                         </f:DropDownList>

  34.                         <f:DropDownList ID="ddlShi" EmptyText="选择镇" Width="230px" Margin="10 10 10 10" ShowRedStar="true" CompareType="String"
  35.                                         CompareValue="-1" CompareOperator="NotEqual" CompareMessage="请选择镇" runat="server" Enabled="false"
  36.                                         AutoPostBack="true" OnSelectedIndexChanged="ddlShi_SelectedIndexChanged">
  37.                         </f:DropDownList>

  39.                         <f:DropDownList ID="ddlXian" EmptyText="选择工厂" Width="230px" Margin="10 10 10 10" CompareType="String" CompareValue="-1"
  40.                                         CompareOperator="NotEqual" CompareMessage="请选择工厂" runat="server" Enabled="false">
  41.                         </f:DropDownList>

  43.                      
  44.                                 <f:Grid ID="Grid_tree" BoxFlex="1"  EnableHeaderMenu="False" MinHeight="150px" EmptyText="没有数据" EnableColumnResize="False" EnableColumnLines="True" Margin="2 0 0 5" Width="250px" DataKeyNames="Id" ShowHeader="False" runat="server" Title="设备列表">
  45.                                     <Columns>
  46.                                         <f:BoundField DataField="Name" ExpandUnusedSpace="True" HeaderText="设备名称"/>
  47.                                         <f:BoundField DataField="state" Width="50px" HeaderText="状态"/>
  48.                                         <f:BoundField DataField="jl" Width="78px" HeaderText="剂量(μSv)"/>
  49.                                     </Columns>
  50.                                 </f:Grid>
  51.                        

  53.                     </Items>
  54.                     
  55.                      

  57.                 </f:Tab>
  58.                         
  59.                                 

  61.             </Tabs>
  62.         </f:TabStrip>
  63.         
  64.                                      </Items>
  65.                         </f:Panel>      

  67.     </Items>
  68. </f:Region>
  69. <%--                      左侧设备列表 End--%>
复制代码


作者: zy32002    时间: 2016-10-26 09:00
下拉框用toolbar装载，剩下的grid用tab的fit。
作者: Neal.六道    时间: 2016-10-26 09:45
你先了解下fineui的几种布局，然后结果他们的优势使用，layout='fit' 肯定能行的
作者: Neal.六道    时间: 2016-10-26 09:45
你先了解下fineui的几种布局，然后结果他们的优势使用，layout='fit' 肯定能行的
作者: 小龙GG    时间: 2016-10-26 11:12
谢谢各位，搞定了。
[attach]9341[/attach]

  1. <f:Region ID="RegionLeft" Split="False" Width="260px" BoxFlex="1"
  2.           Margin="0 0 0 0" ShowHeader="true" ShowBorder="true" Title="设备" Icon="Camera"
  3.           EnableCollapse="true" Layout="Fit" Collapsed="false" Position="Left" runat="server">
  4.     <Items>
  5.         <%--                            <f:Tree   BodyStyle="background:url(images/bg/bg-body.png) repeat;"   runat="server" EnableArrows="true" ShowBorder="false" ShowHeader="false"--%>
  6.         <%--                                      ID="treeMenu" Title="查询结果" AutoScroll="true">--%>
  7.         <%--                            </f:Tree>--%>


  10.         <f:TabStrip ID="TabStrip1" EnableTabCloseMenu="true" ShowBorder="false" runat="server">
  11.             <Tabs>
  12.                 <f:Tab ID="Tab4" Title="树形列表" runat="server" AutoScroll="True">
  13.                     <Items>
  14.                         <f:Tree runat="server" EnableArrows="true" ShowBorder="false" ShowHeader="false"
  15.                                 ID="treeMenu" Title="查询结果" AutoScroll="true">
  16.                         </f:Tree>
  17.                     </Items>

  19.                 </f:Tab>


  22.                 <f:Tab ID="Tab3" Title="下拉列表"  Layout="VBox" runat="server">
  23.                     <Items>
  24.                         <f:Panel ID="Panel8" ShowBorder="False" Height="118px" ShowHeader="False" runat="server">
  25.                             <Items>
  26.                                 <f:DropDownList ID="ddlSheng" Width="235px" Margin="10 10 10 10" EmptyText="选择地区" ShowRedStar="true" CompareType="String"
  27.                                                 CompareValue="-1" CompareOperator="NotEqual" CompareMessage="请选择地区" runat="server"
  28.                                                 AutoPostBack="true" OnSelectedIndexChanged="ddlSheng_SelectedIndexChanged">
  29.                                 </f:DropDownList>

  31.                                 <f:DropDownList ID="ddlShi" EmptyText="选择镇" Width="235px" Margin="10 10 10 10" ShowRedStar="true" CompareType="String"
  32.                                                 CompareValue="-1" CompareOperator="NotEqual" CompareMessage="请选择镇" runat="server" Enabled="false"
  33.                                                 AutoPostBack="true" OnSelectedIndexChanged="ddlShi_SelectedIndexChanged">
  34.                                 </f:DropDownList>

  36.                                 <f:DropDownList ID="ddlXian" EmptyText="选择工厂" Width="235px" Margin="10 10 10 10" CompareType="String" CompareValue="-1"
  37.                                                 CompareOperator="NotEqual" CompareMessage="请选择工厂" runat="server" Enabled="false">
  38.                                 </f:DropDownList>
  39.                                    </Items>
  40.                         </f:Panel>  
  41.                         
  42.                         <f:Panel ID="Panel1" ShowBorder="False" BoxFlex="1" Layout="VBox" MaxWidth="253px" Margin="0 0 10 0"   ShowHeader="False" runat="server">
  43.                             <Items>
  44.                                 <f:Grid ID="Grid_tree" BoxFlex="1"  EnableHeaderMenu="False" MinHeight="150px" EmptyText="没有数据" EnableColumnResize="False" EnableColumnLines="True" Margin="2 0 0 5"  DataKeyNames="Id" ShowHeader="False" runat="server" Title="设备列表">
  45.                                     <Columns>
  46.                                         <f:BoundField DataField="Name" ExpandUnusedSpace="True" HeaderText="设备名称"/>
  47.                                         <f:BoundField DataField="state" Width="50px" HeaderText="状态"/>
  48.                                         <f:BoundField DataField="jl" Width="78px" HeaderText="剂量(μSv)"/>
  49.                                     </Columns>
  50.                                 </f:Grid>
  51.                             </Items>
  52.                         </f:Panel>

  54.                     </Items>
  55.                 </f:Tab>


  58.             </Tabs>
  59.         </f:TabStrip>


  62.     </Items>
  63. </f:Region>
复制代码






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