基础版Grid分页栏如何置底显示？

杨戴沐

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

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

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

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

谢谢。

sanshi

用布局，参考示例：http://pro.fineui.com/#/iframe/grid_iframe.aspx

我的博客上有几篇讲解布局的文章，虽然老，但是很基础：http://www.cnblogs.com/sanshi/archive/2012/07/27/2611116.html

杨戴沐

sanshi 发表于 2018-4-17 16:00
用布局，参考示例：http://pro.fineui.com/#/iframe/grid_iframe.aspx

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

Layout="VBox" 就完美解决了，谢谢。

小

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>

复制代码