FineUI Grid控件高度自适应

时间：2023-03-09 02:26:06
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>

　　

相关文章