FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

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

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

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

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

搜索
查看: 3886|回复: 4
打印 上一主题 下一主题

请教:Tabs下Grid 如何自动高度?

[复制链接]
跳转到指定楼层
楼主
发表于 2016-10-25 21:53:56 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

现在Grid自动高度无效。


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

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

  21.                 </f:Tab>

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

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

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

  36.                      
  37.                                 <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="设备列表">
  38.                                     <Columns>
  39.                                         <f:BoundField DataField="Name" ExpandUnusedSpace="True" HeaderText="设备名称"/>
  40.                                         <f:BoundField DataField="state" Width="50px" HeaderText="状态"/>
  41.                                         <f:BoundField DataField="jl" Width="78px" HeaderText="剂量(μSv)"/>
  42.                                     </Columns>
  43.                                 </f:Grid>
  44.                        

  45.                     </Items>
  46.                     
  47.                      

  48.                 </f:Tab>
  49.                         
  50.                                 

  51.             </Tabs>
  52.         </f:TabStrip>
  53.         
  54.                                      </Items>
  55.                         </f:Panel>      

  56.     </Items>
  57. </f:Region>
  58. <%--                      左侧设备列表 End--%>
复制代码


沙发
发表于 2016-10-26 09:00:41 | 只看该作者
下拉框用toolbar装载,剩下的grid用tab的fit。
板凳
发表于 2016-10-26 09:45:42 | 只看该作者
你先了解下fineui的几种布局,然后结果他们的优势使用,layout='fit' 肯定能行的
地板
发表于 2016-10-26 09:45:48 | 只看该作者
你先了解下fineui的几种布局,然后结果他们的优势使用,layout='fit' 肯定能行的
5#
 楼主| 发表于 2016-10-26 11:12:15 | 只看该作者
谢谢各位,搞定了。


  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>--%>


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

  16.                 </f:Tab>


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

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

  29.                                 <f:DropDownList ID="ddlXian" EmptyText="选择工厂" Width="235px" Margin="10 10 10 10" CompareType="String" CompareValue="-1"
  30.                                                 CompareOperator="NotEqual" CompareMessage="请选择工厂" runat="server" Enabled="false">
  31.                                 </f:DropDownList>
  32.                                    </Items>
  33.                         </f:Panel>  
  34.                         
  35.                         <f:Panel ID="Panel1" ShowBorder="False" BoxFlex="1" Layout="VBox" MaxWidth="253px" Margin="0 0 10 0"   ShowHeader="False" runat="server">
  36.                             <Items>
  37.                                 <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="设备列表">
  38.                                     <Columns>
  39.                                         <f:BoundField DataField="Name" ExpandUnusedSpace="True" HeaderText="设备名称"/>
  40.                                         <f:BoundField DataField="state" Width="50px" HeaderText="状态"/>
  41.                                         <f:BoundField DataField="jl" Width="78px" HeaderText="剂量(μSv)"/>
  42.                                     </Columns>
  43.                                 </f:Grid>
  44.                             </Items>
  45.                         </f:Panel>

  46.                     </Items>
  47.                 </f:Tab>


  48.             </Tabs>
  49.         </f:TabStrip>


  50.     </Items>
  51. </f:Region>
复制代码


本帖子中包含更多资源

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

x
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-11-13 17:20 , Processed in 0.046521 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

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