FineUI 官方论坛

标题: 请教：Grid如何出现自动高度+垂直滚动条？ [打印本页]
作者: 小龙GG    时间: 2012-9-11 06:52
标题: 请教：Grid如何出现自动高度+垂直滚动条？
[attach]1069[/attach]

  1. <form id="form1" runat="server">
  2.             <ext:PageManager ID="PageManager1" AutoSizePanelID="Panel1" runat="server" />
  3.             <ext:Panel ID="Panel1" runat="server" Layout="Fit" ShowBorder="False" ShowHeader="false"
  4.                        BodyPadding="5px" EnableBackgroundColor="true">
  5.                 <Items>
  6.                     <ext:Panel ID="Panel2" Layout="Fit" runat="server" ShowBorder="false" ShowHeader="false" AutoHeight="True"
  7.                               >
  8.                         <Items>
  9.                             <ext:Form Width="850px" BodyPadding="5px" ID="extForm1" EnableBackgroundColor="true"
  10.                                       LabelWidth="100px" runat="server" ShowHeader="True" Title="清洁度统计查询">
  11.                                 <Rows>
  12.                                     <ext:FormRow ColumnWidths="30% 30% 40%">
  13.                                         <Items>
  14.                                             <ext:DropDownList runat="server" ID="DropDownList_area" Readonly="False" AutoPostBack="True"
  15.                                                               Label="区域" OnSelectedIndexChanged="DropDownList_area_SelectedIndexChanged">
  16.                                                 <ext:ListItem Text="全部区" Value="99" Selected="true" />
  17.                                                 <%--  <ext:ListItem Text="选项 2（不可选择）" Value="Value2" EnableSelect="false" />--%>
  18.                                                 <ext:ListItem Text="禅城区" Value="1" />
  19.                                                 <ext:ListItem Text="顺德区" Value="2" />
  20.                                                 <ext:ListItem Text="南海区" Value="3" />
  21.                                                 <ext:ListItem Text="三水区" Value="4" />
  22.                                                 <ext:ListItem Text="高明区" Value="5" />
  23.                                             </ext:DropDownList>
  24.                                             <ext:DropDownList runat="server" ID="DropDownList_street" DataTextField="street"
  25.                                                               Label="街道" DataValueField="street">
  26.                                                 <ext:ListItem Text="全部镇" Value="Value1" Selected="true" />
  27.                                             </ext:DropDownList>
  28.                                             <ext:DropDownList ID="DropDownList_company" runat="server" Label="企业名称" DataTextField="企业名称"
  29.                                                               DataValueField="企业名称" AutoPostBack="True" OnSelectedIndexChanged="DropDownList_company_SelectedIndexChanged"
  30.                                                               Width="170">
  31.                                             </ext:DropDownList>
  32.                                         </Items>
  33.                                     </ext:FormRow>
  34.                                     <ext:FormRow ColumnWidths="30% 30% 40%">
  35.                                         <Items>
  36.                                             <ext:DatePicker runat="server" Required="true" Label="开始日期" EmptyText="请选择开始日期" ID="DatePicker1"
  37.                                                             ShowRedStar="True" MinDate="2011-03-01" NextFocusControl="DatePicker2">
  38.                                             </ext:DatePicker>
  39.                                             <ext:DatePicker ID="DatePicker2" Required="true" Readonly="false" CompareControl="DatePicker1"
  40.                                                             DateFormatString="yyyy-MM-dd" CompareOperator="GreaterThanEqual" CompareMessage="结束日期应该大于开始日期"
  41.                                                             Label="结束日期" runat="server" ShowRedStar="True" MinDate="2011-03-01">
  42.                                             </ext:DatePicker>
  43.                                             <ext:DropDownList runat="server" ID="DropDownList_sebei"   Width="170"
  44.                                                               Label="统计方式" >
  45.                                                 <ext:ListItem Text="天" Value="1" Selected="true" />
  46.                                                 <ext:ListItem Text="小时" Value="2"   />
  47.                                                 <ext:ListItem Text="分钟" Value="3" EnableSelect="False" />
  48.                                             </ext:DropDownList>
  49.                                         </Items>
  50.                                     </ext:FormRow>
  51.                                     <ext:FormRow>
  52.                                         <Items>
  53.                                             <ext:Grid ID="Grid_ShebeiList" runat="server" EnableCheckBoxSelect="False" Height="170" Width="470" EnableRowNumber="true"
  54.                                                       Title="请选择设备"  EnableRowClick="true" OnRowClick="Grid_ShebeiList_RowClick" DataKeyNames="设备编号">
  55.                                                 <Columns>
  56.                                                     <ext:BoundField Width="145px" DataField="企业名称" HeaderText="所属企业" />
  57.                                                     <ext:BoundField Width="180px" DataField="设备名称" HeaderText="设备名称" />
  58.                                                 </Columns>
  59.                                             </ext:Grid>
  60.                                         </Items>
  61.                                     </ext:FormRow>
  62.                                     <ext:FormRow>
  63.                                         <Items>
  64.                                             <ext:Label ID="Label1" Text=" " runat="server">
  65.                                             </ext:Label>
  66.                                         </Items>
  67.                                     </ext:FormRow>
  68.                                     
  69.                                <ext:FormRow ColumnWidths="18% 20%">
  70.                                         <Items>
  71.                                             <%--  <ext:Panel ID="Panel1" runat="server" EnableBackgroundColor="true" ShowBorder="false"
  72.                         ShowHeader="false">
  73.                         <Items>--%>
  74.      
  75.                                             <ext:Button runat="server" Icon="ChartBarAdd" Text="开机统计【柱状图】" ValidateForms="extForm1"
  76.                                                         OnClick="Searchchart" ID="Button1" Enabled="False" Size="Medium">
  77.                                             </ext:Button>
  78.                                     
  79.                                             <ext:Button runat="server" Icon="ChartBarAdd" Text="清洁度统计【曲线图】" ValidateForms="extForm1"
  80.                                                         OnClick="Searchchart2" ID="Button2" Enabled="False" Size="Medium">
  81.                                             </ext:Button>
  82.                                             <%-- </Items>
  83.                     </ext:Panel>--%>
  84.                                         </Items>
  85.                                     </ext:FormRow>
  86.                                 </Rows>
  87.                                 <Rows>
  88.                                     <ext:FormRow>
  89.                                         <Items>
  90.                                             <ext:Label ID="Label2" Text=" " runat="server">
  91.                                             </ext:Label>
  92.                                         </Items>
  93.                                     </ext:FormRow>
  94.                                 </Rows>
  95.                         <Rows>
  96.                                     <ext:FormRow>
  97.                                         <Items>
  98.                                             <ext:Grid ID="Grid1" runat="server" EnableCheckBoxSelect="False"    EnableRowNumber="true"
  99.                                                 AutoHeight="True"    Title="记录列表" >
  100.                                                 <Columns>
  101.                                                     <ext:BoundField Width="145px" DataField="企业名称" HeaderText="企业名称" />
  102.                                                     <ext:BoundField Width="140px" DataField="设备名称" HeaderText="设备名称" />
  103.                                                     <ext:BoundField Width="125px" DataField="日期" HeaderText="日期" />
  104.                                                     <ext:BoundField Width="100px" DataField="设备类型" HeaderText="统计类型" />
  105.                                                     <ext:BoundField Width="60px" DataField="运行时长" HeaderText="数值" />
  106.                                                     <ext:BoundField Width="50px"  HeaderText="单位"  DataField="单位"/>
  107.                                          
  108.                                                 </Columns>
  109.                                             </ext:Grid>
  110.                                         </Items>
  111.                                     </ext:FormRow>
  112.                             </Rows>
  113.                             </ext:Form>
  114.                         </Items>
  115.                     </ext:Panel>
  116.                 </Items>
  117.             </ext:Panel>
  118.             <ext:HiddenField ID="HiddenField_devid" runat="server"></ext:HiddenField>
  119.         </form>

  121.     </body>
  122. </html>
复制代码



作者: 小龙GG    时间: 2012-9-11 06:53
现在是自动高度了（ AutoHeight="True" ），但是没有垂直滚动条了。
作者: sanshi    时间: 2012-9-11 07:02
用布局，看我的博客
作者: 小龙GG    时间: 2012-9-11 07:47
[原创]ExtAspNet秘密花园（十二） — 布局之锚点布局 - 三生石上 - 博客园
http://www.cnblogs.com/sanshi/archive/2012/09/10/2678270.html

解决问题，谢谢sanshi！！！
作者: 隨風往事    时间: 2012-9-12 02:52
小龙GG 发表于 2012-9-11 07:47
[原创]ExtAspNet秘密花园（十二） — 布局之锚点布局 - 三生石上 - 博客园
http://www.cnblogs.com/sanshi/ ...

添加了并设置
  1. <ext:Panel ID="Panel1" runat="server" BodyPadding="5px" EnableBackgroundColor="true" Layout="Anchor"
  2.                     ShowBorder="false"  ShowHeader="false" Title="Panel">
复制代码
Grid的高度不能自动了。每次只能显示一行的高度。【需要指定高度才能显示全部数据】

Grid布局部分代码如下：
  1.   </ext:Grid>
  2.              </Items>
  3.                 </ext:Panel>
  4.             </Items>
  5.             </ext:Region>
  6.         </Regions>

  8.     </ext:RegionPanel>
  9.    
  10.     </form>
  11. </body>
  12. </html>
复制代码


作者: sanshi    时间: 2012-9-12 06:15
小龙GG 发表于 2012-9-11 07:47
[原创]ExtAspNet秘密花园（十二） — 布局之锚点布局 - 三生石上 - 博客园
http://www.cnblogs.com/sanshi/ ...

分享下解决办法



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