FineUI 官方论坛

标题: Grid表格不能出垂直滚动条是怎么回事? [打印本页]
作者: 阿水    时间: 2017-6-20 10:32
标题: Grid表格不能出垂直滚动条是怎么回事?
如图所示:
[attach]10274[/attach]
代码:
  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" >
复制代码


作者: sanshi    时间: 2017-6-20 10:36
应该是外部布局不对，和表格关系不大。贴代码出来看下
作者: 阿水    时间: 2017-6-20 10:43
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
还有一半代码
  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>
复制代码
作者: sanshi    时间: 2017-6-20 11:11
阿水 发表于 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
作者: zy32002    时间: 2017-6-20 11:15
本帖最后由 zy32002 于 2017-6-20 11:24 编辑

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

[attach]10275[/attach]
作者: zy32002    时间: 2017-6-20 11:25
老大的VBox 布局，也可以实现。
作者: 阿水    时间: 2017-6-20 13:22
sanshi 发表于 2017-6-20 11:11
这个地方你没设置布局，可以用 VBox 布局。

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

谢谢,学习了布局,明白了!



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