码迷,mamicode.com
首页 > 其他好文 > 详细

FineUI Grid控件高度自适应

时间:2014-07-03 06:18:57      阅读:259      评论:0      收藏:0      [点我收藏+]

标签:高度自适应   blog   使用   数据   os   html   

引言

      页面里使用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>

  

FineUI Grid控件高度自适应,布布扣,bubuko.com

FineUI Grid控件高度自适应

标签:高度自适应   blog   使用   数据   os   html   

原文地址:http://www.cnblogs.com/sword-successful/p/3818411.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!