FineUI 官方论坛

标题: 基础版Grid分页栏如何置底显示？ [打印本页]
作者: 杨戴沐    时间: 2018-4-17 15:40
标题: 基础版Grid分页栏如何置底显示？
[attach]11142[/attach]

图片是给Grid设置了固定高度后的效果，请问不设置高度能否自动填充整个屏幕，分页栏始终处于屏幕最下方（达到图片效果）？

设置固定高度的话怎么判断电脑屏幕大小，最大化、改变分辨率等如果做到自适应？

Panel或Grid的高度设置成100%无效，请问怎么处理？

另Grid标题栏的样式怎么设置成和开源版的一样？

谢谢。
作者: sanshi    时间: 2018-4-17 16:00
用布局，参考示例：http://pro.fineui.com/#/iframe/grid_iframe.aspx

我的博客上有几篇讲解布局的文章，虽然老，但是很基础：http://www.cnblogs.com/sanshi/archive/2012/07/27/2611116.html
作者: 杨戴沐    时间: 2018-4-17 16:13
sanshi 发表于 2018-4-17 16:00
用布局，参考示例：http://pro.fineui.com/#/iframe/grid_iframe.aspx

我的博客上有几篇讲解布局的文章， ...

Layout="VBox" 就完美解决了，谢谢。
作者: 小    时间: 2018-4-19 11:29
  1. <form id="form1" runat="server">
  2.     <x:PageManager ID="PageManager1" runat="server"  AutoSizePanelID="Panel9"/>
  3.     <x:Panel ID="Panel9" runat="server" Layout="VBox" EnableCollapse="false" BoxConfigAlign="Stretch"
  4.         BoxConfigPosition="Start" BoxConfigChildMargin="0" ShowBorder="True"
  5.         ShowHeader="false" Title="面板五（Layout=VBox BoxConfigAlign=Stretch BoxConfigPosition=Start BoxConfigChildMargin=0）">
  6.         <Items>
  7.             <x:Form ID="Form6" ShowBorder="False" BodyPadding="5px" ShowHeader="False" runat="server" LabelAlign="Right">
  8.                 <Rows>
  9.                     <x:FormRow ID="FormRow1" runat="server">
  10.                         <Items>
  11.                            
  12.                             <x:DropDownList runat="server" ID="DropDownList3" Label="状态" EnableSimulateTree="true">
  13.                                 <x:ListItem Text="全部" Value="Value5" />
  14.                                 <x:ListItem Text="启用" Value="Value5" />
  15.                                 <x:ListItem Text="禁用" Value="Value6" />
  16.                             </x:DropDownList>
  17.                             <x:DropDownList runat="server" ID="DropDownList1" Label="级别" EnableSimulateTree="true">
  18.                                 <x:ListItem Text="全部" Value="Value5" />
  19.                                 <x:ListItem Text="一级" Value="Value5" />
  20.                                 <x:ListItem Text="二级" Value="Value6" />
  21.                                 <x:ListItem Text="三级" Value="Value6" />
  22.                             </x:DropDownList>
  23.                             <x:TextBox runat="server" ID="TextBox1"  Label="计量单位名称">
  24.                             </x:TextBox>
  25.                         </Items>
  26.                     </x:FormRow>
  27.                 </Rows>
  28.             </x:Form>
  29.             <x:Panel ID="Panel10" ShowBorder="false" ShowHeader="false" BoxFlex="1" Layout="Fit"
  30.                 runat="server">
  31.                 <Items>
  32.                     <x:Grid runat="server" ID="Grid_Organization" ShowHeader="false" ShowBorder="true"
  33.                         OnPageIndexChange="Organization_PageIndexChange" OnRowCommand="Organization_RowCommand"
  34.                         IsDatabasePaging="true" EnableTextSelection="true" DataKeyNames="id" PageSize="5"
  35.                         AllowPaging="true"  EnableRowClickEvent="true" AllowColumnLocking="true"
  36.                         ForceFit="true">
  37.                         <Toolbars>
  38.                             <x:Toolbar ID="Toolbar2" runat="server">
  39.                                 <Items>
  40.                                     <x:Button ID="btn_Search" runat="server" Text="查询" Icon="SystemSearch">
  41.                                     </x:Button>
  42.                                     <x:Button runat="server" ID="btn_Insert" Text="新增" Icon="Add">
  43.                                     </x:Button>
  44.                                 </Items>
  45.                             </x:Toolbar>
  46.                         </Toolbars>
  47.                         <Columns>
  48.                             <x:RowNumberField ID="RowNumberField1" runat="server" EnablePagingNumber="true">
  49.                             </x:RowNumberField>
  50.                             <x:LinkButtonField ID="Link_CCDel" ColumnID="Link_Del" ConfirmText="确认删除吗？" runat="server"
  51.                                 CommandName="Delete" Width="80px" Text="删除" HeaderText="删除" Locked="true">
  52.                             </x:LinkButtonField>
  53.                             <x:LinkButtonField ID="LinK_CCEdit" ColumnID="Link_Edit" runat="server" CommandName="Edit"
  54.                                 Width="80px" Text="编辑" HeaderText="编辑" Locked="true">
  55.                             </x:LinkButtonField>
  56.                             <x:TemplateField HeaderText="状态" Width="80px" TextAlign="Center">
  57.                                 <ItemTemplate>
  58.                                     <%# ZXWMS.Common.GetChineseByNum.GetValueByState(Eval("STATE") == null || Eval("STATE") == "" ? "0" : Eval("STATE").ToString())%>
  59.                                 </ItemTemplate>
  60.                             </x:TemplateField>
  61.                             <x:BoundField ColumnID="id" DataField="id" HeaderText="计量单位编码"  TextAlign="Center"/>
  62.                             <x:BoundField ColumnID="name" DataField="name" HeaderText="计量单位名称"  TextAlign="Center"/>
  63.                                <x:BoundField ColumnID="LEVEL" DataField="LEVEL" HeaderText="级别" TextAlign="Center" />
  64.                             <x:BoundField ColumnID="beizhu" DataField="beizhu" HeaderText="备注"  TextAlign="Left"/>
  65.                             <x:BoundField ColumnID="CREATEUSER" DataField="CREATEUSER" HeaderText="创建人" Width="180px"
  66.                                 TextAlign="Center">
  67.                             </x:BoundField>
  68.                             <x:BoundField ColumnID="CREATEDATE" DataField="CREATEDATE" HeaderText="创建时间" Width="180px"
  69.                                 TextAlign="center">
  70.                             </x:BoundField>
  71.                             <x:BoundField ColumnID="UPDATEUSER" DataField="UPDATEUSER" HeaderText="更新人" Width="180px"
  72.                                 TextAlign="Center">
  73.                             </x:BoundField>
  74.                             <x:BoundField ColumnID="UPDATEDATE" DataField="UPDATEDATE" HeaderText="更新时间" Width="180px"
  75.                                 TextAlign="center">
  76.                             </x:BoundField>
  77.                         </Columns>
  78.                     </x:Grid>
  79.                 </Items>
  80.             </x:Panel>
  81.         </Items>
  82.     </x:Panel>
  83. </form>
复制代码




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