网站首页
开启辅助访问

FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步，快速开始

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

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

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

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

搜索
FineUI 官方论坛»论坛首页 › FineUI（WebForms，开源版） › FineUI BUG 提交区 › 请教：Grid如何出现自动高度+垂直滚动条？ ...
返回列表 发新帖
查看: 5435|回复: 5
打印 上一主题 下一主题

请教：Grid如何出现自动高度+垂直滚动条？

[复制链接]
小龙GG
跳转到指定楼层
楼主
发表于 2012-9-11 06:52:55 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式


  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>
复制代码



本帖子中包含更多资源

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

x
回复

举报

小龙GG
沙发
 楼主| 发表于 2012-9-11 06:53:37 | 只看该作者
现在是自动高度了（ AutoHeight="True" ），但是没有垂直滚动条了。
回复 支持 反对

举报

sanshi
板凳
发表于 2012-9-11 07:02:18 | 只看该作者
用布局，看我的博客
回复 支持 反对

举报

小龙GG
地板
 楼主| 发表于 2012-9-11 07:47:01 | 只看该作者
[原创]ExtAspNet秘密花园（十二） — 布局之锚点布局 - 三生石上 - 博客园
http://www.cnblogs.com/sanshi/archive/2012/09/10/2678270.html

解决问题，谢谢sanshi！！！
回复 支持 反对

举报

隨風往事
5#
发表于 2012-9-12 02:52:57 | 只看该作者
小龙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
6#
发表于 2012-9-12 06:15:58 | 只看该作者
小龙GG 发表于 2012-9-11 07:47
[原创]ExtAspNet秘密花园（十二） — 布局之锚点布局 - 三生石上 - 博客园
http://www.cnblogs.com/sanshi/ ...

分享下解决办法
回复 支持 反对

举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-9-20 01:30 , Processed in 0.047469 second(s), 19 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

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