FineUI Grid控件高度自適應

引言

      頁面里使用f:Grid控件，添加分頁功能，然后高度填充整個頁面。

 

如何使用

      使用FineUI 控件的每個頁面都有一個f:PageManager控件，它包含屬性：AutoSizePanelID，設置需要填充的控件ID，從它的demo可以看出，正常情況下需要再放置一個容器Panel，就可以使整個頁面填充。

     

<f:PageManager ID="PageManager1" runat="server" AutoSizePanelID="ResultSetGrid" />
<f:Grid ID="ResultSetGrid" runat="server" EnableCheckBoxSelect="true" Title="" DataKeyNames="ID"
            ShowBorder="false"
            PageSize="3"
            AllowPaging="true"
            IsDatabasePaging="true"
            OnPageIndexChange="ResultSetGrid_PageIndexChange"
            OnSort="ResultSetGrid_Sort"
            AllowSorting="true"
            SortField="ID">
            <Toolbars>
                <f:Toolbar ID="ResultSetGrid_Toolbar" runat="server">
                    <Items>
                        <f:Button ID="btnAdd" runat="server" Text="添加" OnClientClick="Add();" EnablePostBack="false" Icon="ApplicationAdd"></f:Button>
                        <f:Button ID="btnEdit" runat="server" Text="編輯" EnableAjax="true" OnClick="btnEdit_Click" Icon="ApplicationEdit"></f:Button>
                        <f:Button ID="btnDelete" runat="server" Text="刪除" OnClick="btnDelete_Click" Icon="ApplicationDelete"></f:Button>

                        <f:Button ID="btnImport" runat="server" OnClientClick="Import();" Text="數據采集" Icon="ApplicationLink"></f:Button>
                        <f:Button ID="btnSelf" runat="server" OnClientClick="Filter();" Text="自定義篩選" Icon="ApplicationKey"></f:Button>
                    </Items>
                </f:Toolbar>
            </Toolbars>
            <Columns>
                <f:RowNumberField EnablePagingNumber="true" />
            </Columns>

        </f:Grid>