FineUI Grid Control highly adaptive

Introduction

Use the f: Grid Control on the page, add the paging function, and then fill the whole page in height.

 

How to Use

Each page of The FineUI control has a f: PageManager control, which contains the property AutoSizePanelID and sets the ID of the control to be filled. From its demo, we can see that, normally, you need to place another container Panel to fill the entire page.

<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 = "Add" OnClientClick = "Add ();" EnablePostBack = "false" Icon = "ApplicationAdd"> </f: button> <f: button ID = "btnEdit" runat = "server" Text = "edit" EnableAjax = "true" OnClick = "btnEdit_Click" Icon = "ApplicationEdit"> </f: button> <f: Button ID = "btnDelete" runat = "server" Text = "delete" OnClick = "btnDelete_Click" Icon = "ApplicationDelete"> </f: button> <f: Button ID = "btnImport" runat = "server" OnClientClick = "Import ();" Text = "Data Collection" Icon = "ApplicationLink"> </f: button> <f: Button ID = "btnSelf" runat = "server" OnClientClick = "Filter (); "Text =" Custom filtering "Icon =" ApplicationKey "> </f: Button> </Items> </f: Toolbar> </Toolbars> <Columns> <f: rowNumberField EnablePagingNumber = "true"/> </Columns> </f: Grid>