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" 靠左锁定列,可同时设置多个;
  • 相关阅读:
    Selenium之编辑框操作
    Selenium之勾选框操作
    Selenium之单选框操作
    [复习资料]组合计数学习笔记
    ARC104游记
    [被踩计划] 题解 [省选联考 2020 A 卷] 作业题
    题解 [SEERC2019]Game on a Tree
    [被踩计划] 题解 [NOI2020]美食家
    [被踩计划] 题解 [省选联考 2020 A 卷] 组合数问题
    [被踩计划] 题解 括号树
  • 原文地址:https://www.cnblogs.com/ybtools/p/6774810.html
Copyright © 2011-2022 走看看