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" 靠左鎖定列，可同時設置多個；