zoukankan      html  css  js  c++  java
  • AspxGridView行为:分页、分组、排序、过滤、锁定列

    HTML页面

                <dx:ASPxGridView ID="grvList" Width="100%" runat="server" AutoGenerateColumns="False" ClientInstanceName="grvList" KeyFieldName="id1;id2" 
            OnDataBound
    ="grvList_DataBound"> <%-- 列集合 --%> <Columns> <dx:GridViewDataTextColumn Caption="列1" FieldName="Column1" VisibleIndex="0" GroupIndex="0" FixedStyle="Left" ShowInCustomizationForm="True"> </dx:GridViewDataTextColumn> <dx:GridViewDataTextColumn Caption="列2" FieldName="Column2" VisibleIndex="1" GroupIndex="1" FixedStyle="Left" ShowInCustomizationForm="True"> </dx:GridViewDataTextColumn> <%-- 列分组1 --%> <dx:GridViewBandColumn Caption="列分组1" Name="BandColumn2"> <Columns> <dx:GridViewDataTextColumn FieldName="Column3" Caption="列分组1-列3" PropertiesTextEdit-DisplayFormatString="N" Width="90px" /> <dx:GridViewDataTextColumn FieldName="Column4" Caption="列分组1-列4" PropertiesTextEdit-DisplayFormatString="N" Width="90px" /> </Columns> </dx:GridViewBandColumn> <%-- 列分组2 --%> <dx:GridViewBandColumn Caption="列分组2" Name="BandColumn2"> <Columns> <dx:GridViewDataTextColumn FieldName="Column5" Caption="列分组2-列5" PropertiesTextEdit-DisplayFormatString="N" Width="90px" /> <dx:GridViewDataTextColumn FieldName="Column6" Caption="列分组2-列6" PropertiesTextEdit-DisplayFormatString="P3" Width="90px" /> </Columns> </dx:GridViewBandColumn> </Columns> <%-- 分页设置 --%> <SettingsPager PageSize="10" Mode="ShowPager"> <FirstPageButton Visible="True" /> <LastPageButton Visible="True" /> <PageSizeItemSettings Items="10, 15, 20, 50, 100" ShowAllItem="True" Visible="True" /> </SettingsPager> <%-- 外观设置 --%> <Settings HorizontalScrollBarMode="Auto" ShowGroupPanel="true" VerticalScrollBarMode="Visible" VerticalScrollableHeight="300" ShowHeaderFilterButton="false" /> <%-- 行为设置 --%> <SettingsBehavior AllowFocusedRow="true" EnableRowHotTrack="False" AllowGroup="true" ColumnResizeMode="Control" /> <%-- 样式设置 --%> <Styles> <Header HorizontalAlign="Center"></Header> <Cell Wrap="False"></Cell> <AlternatingRow Enabled="True"></AlternatingRow> </Styles> </dx:ASPxGridView>

    代码页面

         protected void Page_Load(object sender, EventArgs e)
            {
                if (!IsPostBack)
                {
                    GridViewDataBind();
                }
           //AspxGridView回调加载数据
                if(grvList.IsCallback)
                {
                    GridViewDataBind();
                }
            }
    
         //数据绑定后展开数据分组第1层
            protected void grvList_DataBound(object sender, EventArgs e)
            {
                var grid = sender as ASPxGridView;
                for(int i=0; i<grid.GroupCount; i++)
                {
                    if (grid.GetRowLevel(i) == 0) grid.ExpandRow(i);
                }            
            }

    PS:

    GroupIndex="0" 默认的分组列索引,可同时设置多个;
    FixedStyle="Left" 靠左锁定列,可同时设置多个;
  • 相关阅读:
    log4net详细配置说明
    step by step 之餐饮管理系统三
    CF div2 331 C
    CF div2 331 B
    CF div2 331 A
    poj 2065 还是gauss消元
    poj 3478 poj 3090(欧拉函数的应用)
    poj 1284 求原根的个数(欧拉函数的应用)
    poj 2991 线段树
    poj 1753 poj3185
  • 原文地址:https://www.cnblogs.com/ybtools/p/6774810.html
Copyright © 2011-2022 走看看