网站首页
开启辅助访问

FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步，快速开始

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

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

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

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

搜索
FineUI 官方论坛»论坛首页 › FineUI（WebForms，开源版） › FineUI 交流讨论区 › Grid表格不能出垂直滚动条是怎么回事?
返回列表 发新帖
查看: 5867|回复: 7
打印 上一主题 下一主题

Grid表格不能出垂直滚动条是怎么回事?

[复制链接]
阿水
跳转到指定楼层
楼主
发表于 2017-6-20 10:32:52 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
如图所示:

代码:
  1. <f:Grid ID="Grid1" DataKeyNames="Name" runat="server" EnableTextSelection="true" Title="LTP Wait Boat Time Data Table(Units:s)" EnableHeaderMenu="false"
  2.                                            AutoScroll="true" EnableColumnLines="true" EnableCollapse="false" >
复制代码


本帖子中包含更多资源

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

x
回复

举报

sanshi
推荐
发表于 2017-6-20 11:11:48 | 只看该作者
阿水 发表于 2017-6-20 10:44
还有一半代码
  1. <f:Tab ID="Tab1" Title="Data Table" Icon="Table" runat="server" BodyPadding="1px">
  2.                                     <Items>
  3.                                          <f:Button ID="BtnSave2Excel" runat="server" Text="导出Excel文件" OnClick="ExportExcel" EnableAjax="false" DisableControlBeforePostBack="false" Margin="5px" Enabled="false">
  4.                                          </f:Button>
  5.                                          
  6.                                          <f:Grid ID="Grid1" DataKeyNames="Name" runat="server" EnableTextSelection="true" Title="LTP Wait Boat Time Data Table(Units:s)" EnableHeaderMenu="false"
  7.                                            AutoScroll="true" EnableColumnLines="true"
复制代码


这个地方你没设置布局，可以用 VBox 布局。

参考示例代码：http://fineui.com/demo/#/demo/iframe/grid_iframe.aspx
回复 支持 1 反对 0

举报

sanshi
沙发
发表于 2017-6-20 10:36:04 | 只看该作者
应该是外部布局不对，和表格关系不大。贴代码出来看下
回复 支持 反对

举报

阿水
板凳
 楼主| 发表于 2017-6-20 10:43:54 | 只看该作者
sanshi 发表于 2017-6-20 10:36
应该是外部布局不对，和表格关系不大。贴代码出来看下
  1. <body>
  2.     <form id="form1" runat="server">
  3.         <f:PageManager ID="PageManager1" AutoSizePanelID="RegionPanel1" runat="server"></f:PageManager>
  4.         <f:RegionPanel ID="RegionPanel1" ShowBorder="false" runat="server">
  5.             <Regions>
  6.                 <f:Region ID="Region1" ShowBorder="false" Height="50px" ShowHeader="false"
  7.                     Position="Top" Layout="Fit" runat="server">
  8.                     <Content>
  9.                         <div id="header">
  10.                             <table>
  11.                                 <tr>
  12.                                     <td>
  13.                                         <div class="title">
  14.                                             <a href="./LCA_WaitBoatTime.aspx">LCA LTP WAIT BOAT TIME</a>
  15.                                         </div>
  16.                                     </td>
  17.                                     
  18.                                 </tr>
  19.                             </table>
  20.                         </div>
  21.                     </Content>
  22.                 </f:Region>
  23.                 <f:Region ID="Region2" Split="true" Width="300px" ShowHeader="true" Title="Options Menu"  EnableCollapse="true" Layout="Fit" Position="Left" runat="server">
  24.                     <Items>                        
  25.                         <f:ContentPanel ID="ContentPanel1" runat="server" ShowBorder="false" ShowHeader="false">
  26.                             <br />
  27.                             <f:DatePicker runat="server" ID="FromDate" Required="true" Label="StartDateTime" DateFormatString="yyyy-MM-dd" Width="220px" ></f:DatePicker>
  28.                             <f:DropDownList runat="server" ID="FromHour" Width="70px">
  29.                                 <f:ListItem Text="07:00" Value="07:00" Selected="true"/>
  30.                                 <f:ListItem Text="08:00" Value="08:00"  />
  31.                                 <f:ListItem Text="09:00" Value="09:00"  />
  32.                                 <f:ListItem Text="10:00" Value="10:00"  />
  33.                                 <f:ListItem Text="11:00" Value="11:00"  />
  34.                                 <f:ListItem Text="12:00" Value="12:00"  />
  35.                                 <f:ListItem Text="13:00" Value="13:00"  />
  36.                                 <f:ListItem Text="14:00" Value="14:00"  />
  37.                                 <f:ListItem Text="15:00" Value="15:00"  />
  38.                                 <f:ListItem Text="16:00" Value="16:00"  />
  39.                                 <f:ListItem Text="17:00" Value="17:00"  />
  40.                                 <f:ListItem Text="18:00" Value="18:00"  />
  41.                                 <f:ListItem Text="19:00" Value="19:00"  />
  42.                                 <f:ListItem Text="20:00" Value="20:00"  />
  43.                                 <f:ListItem Text="21:00" Value="21:00"  />
  44.                                 <f:ListItem Text="22:00" Value="22:00"  />
  45.                                 <f:ListItem Text="23:00" Value="23:00"  />
  46.                                 <f:ListItem Text="00:00" Value="00:00"  />
  47.                                 <f:ListItem Text="01:00" Value="01:00"  />
  48.                                 <f:ListItem Text="02:00" Value="02:00"  />
  49.                                 <f:ListItem Text="03:00" Value="03:00"  />
  50.                                 <f:ListItem Text="04:00" Value="04:00"  />
  51.                                 <f:ListItem Text="05:00" Value="05:00"  />
  52.                                 <f:ListItem Text="06:00" Value="06:00"  />
  53.                             </f:DropDownList>
  54.                             <br />
  55.                             <br />                           
  56.                             <f:DatePicker runat="server" ID="ToDate" Required="true" Label="EndDateTime" DateFormatString="yyyy-MM-dd" Width="220px" CompareControl="FromDate"
  57.                             CompareOperator="GreaterThanEqual" CompareMessage="结束日期应该大于开始日期" ></f:DatePicker>                           
  58.                             <f:DropDownList runat="server" ID="ToHour" Width="70px">
  59.                                 <f:ListItem Text="07:00" Value="07:00"  />
  60.                                 <f:ListItem Text="08:00" Value="08:00"  />
  61.                                 <f:ListItem Text="09:00" Value="09:00"  />
  62.                                 <f:ListItem Text="10:00" Value="10:00"  />
  63.                                 <f:ListItem Text="11:00" Value="11:00"  />
  64.                                 <f:ListItem Text="12:00" Value="12:00"  />
  65.                                 <f:ListItem Text="13:00" Value="13:00"  />
  66.                                 <f:ListItem Text="14:00" Value="14:00"  />
  67.                                 <f:ListItem Text="15:00" Value="15:00"  />
  68.                                 <f:ListItem Text="16:00" Value="16:00"  />
  69.                                 <f:ListItem Text="17:00" Value="17:00"  />
  70.                                 <f:ListItem Text="18:00" Value="18:00"  />
  71.                                 <f:ListItem Text="19:00" Value="19:00" Selected="true"/>
  72.                                 <f:ListItem Text="20:00" Value="20:00"  />
  73.                                 <f:ListItem Text="21:00" Value="21:00"  />
  74.                                 <f:ListItem Text="22:00" Value="22:00"  />
  75.                                 <f:ListItem Text="23:00" Value="23:00"  />
  76.                                 <f:ListItem Text="00:00" Value="00:00"  />
  77.                                 <f:ListItem Text="01:00" Value="01:00"  />
  78.                                 <f:ListItem Text="02:00" Value="02:00"  />
  79.                                 <f:ListItem Text="03:00" Value="03:00"  />
  80.                                 <f:ListItem Text="04:00" Value="04:00"  />
  81.                                 <f:ListItem Text="05:00" Value="05:00"  />
  82.                                 <f:ListItem Text="06:00" Value="06:00"  />
  83.                             </f:DropDownList>
  84.                             <br />
  85.                             <br />               
  86.                             <f:DropDownList runat="server" ID="ddl_CaculationOption" Width="220px" Label="CaculationOption">
  87.                                 <f:ListItem Text="Average" Value="Average"  />  
  88.                                 <f:ListItem Text="Median" Value="Median"  />                                                            
  89.                             </f:DropDownList>
  90.                             <br />
  91.                             <br />
  92.                             <f:Label ID="Label2" runat="server" Width="100px" Text="Filter:"/>
  93.                             <f:TextBox runat="server" Label="Between" ID="LowFilterValue" Required="true" Text="0">
  94.                             </f:TextBox>
  95.                             <f:TextBox runat="server" Label="And" ID="HighFilterValue" Required="true" Text="10">
  96.                             </f:TextBox>                          
  97.                             <f:Label ID="Label1" runat="server" Width="100px" />
  98.                             <f:Button ID="btn_Sumbit" Text="Submit" runat="server" EnablePostBack="True" CssClass="marginr" Size="Medium" Width="115px" OnClick="btnSumbit_Click">
  99.                             </f:Button>                                 
  100.                         </f:ContentPanel>                  
  101.                     </Items>                        
  102.                     
  103.                 </f:Region>
复制代码
回复 支持 反对

举报

阿水
地板
 楼主| 发表于 2017-6-20 10:44:49 | 只看该作者
还有一半代码
  1. <f:Region ID="mainRegion" ShowHeader="false" Layout="Fit" Position="Center"
  2.                     runat="server">
  3.                     <Items>
  4.                         <f:TabStrip ID="mainTabStrip" EnableTabCloseMenu="true" ShowBorder="false" runat="server">
  5.                             <Tabs>
  6.                                 <f:Tab ID="Tab1" Title="Data Table" Icon="Table" runat="server" BodyPadding="1px">
  7.                                     <Items>
  8.                                          <f:Button ID="BtnSave2Excel" runat="server" Text="导出Excel文件" OnClick="ExportExcel" EnableAjax="false" DisableControlBeforePostBack="false" Margin="5px" Enabled="false">
  9.                                          </f:Button>
  10.                                          
  11.                                          <f:Grid ID="Grid1" DataKeyNames="Name" runat="server" EnableTextSelection="true" Title="LTP Wait Boat Time Data Table(Units:s)" EnableHeaderMenu="false"
  12.                                            AutoScroll="true" EnableColumnLines="true" EnableCollapse="false" >
  13.                                             <Columns>
  14.                                                 <f:BoundField Width="160px" DataField="time" HeaderText="Hour" TextAlign="Center" />
  15.                                                 <f:BoundField Width="60px" DataField="F16" HeaderText="F16" TextAlign="Center" />
  16.                                                 <f:BoundField Width="60px" DataField="F17" HeaderText="F17" TextAlign="Center" />
  17.                                                 <f:BoundField Width="60px" DataField="F18" HeaderText="F18" TextAlign="Center" />
  18.                                                 <f:BoundField Width="60px" DataField="F19" HeaderText="F19" TextAlign="Center" />
  19.                                                 <f:BoundField Width="60px" DataField="F20" HeaderText="F20" TextAlign="Center" />
  20.                                                 <f:BoundField Width="60px" DataField="F21" HeaderText="F21" TextAlign="Center" />
  21.                                                 <f:BoundField Width="60px" DataField="F27" HeaderText="F27" TextAlign="Center" />
  22.                                                 <f:BoundField Width="60px" DataField="F28" HeaderText="F28" TextAlign="Center" />
  23.                                                 <f:BoundField Width="60px" DataField="F29" HeaderText="F29" TextAlign="Center" />
  24.                                                 <f:BoundField Width="60px" DataField="F30" HeaderText="F30" TextAlign="Center" />
  25.                                             </Columns>
  26.                                         </f:Grid>                                       
  27.                                     </Items>
  28.                                 </f:Tab>
  29.                             </Tabs>
  30.                         </f:TabStrip>
  31.                     </Items>
  32.                 </f:Region>
  33.                 <f:Region ID="bottomPanel" RegionPosition="Bottom" ShowBorder="false" ShowHeader="false" EnableCollapse="false" runat="server" Layout="Fit">
  34.                     <Items>
  35.                         <f:ContentPanel ID="ContentPanel3" runat="server" ShowBorder="false" ShowHeader="false">
  36.                             <table class="bottomtable">
  37.                                 <tr>
  38.                                     <td style="width: 300px;">&nbsp;版本：1.0</td>
  39.                                     <td style="text-align: center;">Copyright &copy; 2017</td>
  40.                                     <td style="width: 300px; text-align: right;">&nbsp;</td>
  41.                                 </tr>
  42.                             </table>
  43.                         </f:ContentPanel>
  44.                     </Items>
  45.                 </f:Region>
  46.             </Regions>
  47.         </f:RegionPanel>
  48.     </form>
  49.    
  50. </body>
复制代码
回复 支持 反对

举报

zy32002
6#
发表于 2017-6-20 11:15:45 | 只看该作者
本帖最后由 zy32002 于 2017-6-20 11:24 编辑

还是你布局的问题，要设置grid外层容器，Layout="Fit"。你那个button 推荐用toolbar装载。


本帖子中包含更多资源

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

x
回复 支持 反对

举报

zy32002
7#
发表于 2017-6-20 11:25:05 | 只看该作者
老大的VBox 布局，也可以实现。
回复 支持 反对

举报

阿水
8#
 楼主| 发表于 2017-6-20 13:22:01 | 只看该作者
sanshi 发表于 2017-6-20 11:11
这个地方你没设置布局，可以用 VBox 布局。

参考示例代码：http://fineui.com/demo/#/demo/iframe/gri ...

谢谢,学习了布局,明白了!
回复 支持 反对

举报

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

本版积分规则

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

GMT+8, 2024-11-23 17:15 , Processed in 0.062939 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

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