Problem with grouping GridView

[Viktoria]

Hi, I use GridView with BufferedRenderer Plugin. I had a problem with grouping. When I collapse the middle group, the bottom group disappears. How I can to fix it. If I remove BufferedRenderer Plugin then group work well but this option does not suit me.

<ext:GridPanel ID="Step_Round" runat="server" Title="" Flex="1" HideHeaders="false"
                    Layout="FitLayout" Border="true" AutoScroll="true" MinWidth="350" StyleSpec="text-align:left;"
                    Draggable="false" Collapsible="false" Namespace="App" Region="Center">
                    <Store>
                        <ext:Store ID="SRound" runat="server" DataSourceID="SDSRound" >
                            <Model>
                                <ext:Model ID="Model1" runat="server" IDProperty="ID">
                                    <Fields>
                                        <ext:ModelField Name="ID" Type="Int" />
                                        <ext:ModelField Name="AUDITOR_PERSONSHORTNAME" Type="String" />
                                        <ext:ModelField Name="AUDITOR_DEPARTMENT_NAME" Type="String" />
                                        <ext:ModelField Name="AUDITOR_SUBDIVISION_NAME" Type="String" />
                                        <ext:ModelField Name="CHECK_RESULT_NAME" Type="String" />
                                        <ext:ModelField Name="AUDITOR_AREA_NAME" Type="String" />
                                        <ext:ModelField Name="CHECK_DATETIME" Type="Date" />
                                        <ext:ModelField Name="CHECK_TYPE_ID" Type="Int" />
                                        <ext:ModelField Name="CHECK_TYPE_NAME" Type="String" />
                                        <ext:ModelField Name="DEPARTMENT_NAME" Type="String" />
                                        <ext:ModelField Name="SUBDIVISION_NAME" Type="String" />
                                        <ext:ModelField Name="PLACE" Type="String" />
                                        <ext:ModelField Name="AREA_NAME" Type="String" />
                                        <ext:ModelField Name="STATUS_NAME" Type="String" />
                                        <ext:ModelField Name="CREATE_USER" Type="String" />
                                        <ext:ModelField Name="CREATE_DT" Type="Date" />
                                        <ext:ModelField Name="PATHAUDITOR" Type="String" />
                                        <ext:ModelField Name="PATHDEP" Type="String" />
                                        <ext:ModelField Name="CREATE_MONTH" Type="String" />
                                    </Fields>
                                </ext:Model>
                            </Model>
                        </ext:Store>
                    </Store>
                    <Plugins>
                        <ext:BufferedRenderer ID="BufferedRenderer1" runat="server" />
                    </Plugins>
                    <ColumnModel ID="CMNotice">
                        <Columns>
                            <ext:Column ID="Column1" DataIndex="CHECK_TYPE_ID" runat="server" Text="Ступень контроля" ToolTip="Тип контроля" Align="Center" Width="105" Groupable="false">
                                <Renderer Fn="StepCheck" />
                            </ext:Column>
                            <ext:Column ID="ColumnID" DataIndex="ID" runat="server" Width="60" Text="№" ToolTip="Номер обхода" Align="Center" Hidden="true" Groupable="false">
                            </ext:Column>
                            <ext:Column ID="ColumnDESCRIPTION" DataIndex="AUDITOR_PERSONSHORTNAME" runat="server" Text="Данные по обходу" ToolTip="Аудитор" Wrap="true" MinWidth="250" Groupable="false"
                                Flex="1" Hidden="false">
                                <Renderer Fn="CreateInf" />
                            </ext:Column>
                            <ext:Column ID="ColumnSTATUSNAME" DataIndex="STATUS_NAME" runat="server" Text="Статус" ToolTip="Статус" Align="Right" Groupable="true">
                                <Renderer Fn="ColorTrend">
                                </Renderer>
                            </ext:Column>
                            <ext:Column ID="ColumnCREATE_MONTH" DataIndex="CREATE_MONTH" runat="server" Text="Месяц" ToolTip="Месяц проверки" Align="Right" Groupable="true">
                            </ext:Column>
                        </Columns>
                    </ColumnModel>
                    <View>
                        <ext:GridView ID="GridView1" runat="server" TrackOver="false" />
                    </View>
                    <SelectionModel>
                        <ext:RowSelectionModel ID="sm1" runat="server" Mode="Single" />
                    </SelectionModel>
                    <Features>
                        <ext:Grouping ID="grup1" runat="server" HideGroupedHeader="true" StartCollapsed="false" GroupHeaderTplString="{name}"></ext:Grouping>
                    </Features>
                                 <Listeners>
                        <ItemDblClick Fn="LoadWindowCardRound">
                        </ItemDblClick>
                    </Listeners>
                </ext:GridPanel>

[Vladimir]

Please provide runable sample

[Viktoria]

Please provide runable sample

Страница .aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="GroupingView.aspx.cs" Inherits="GroupingView" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
var CreateInf = function (value, metaData, record, row, col, store, gridView) {
return Ext.String.format("<div class='Box'><a style='text-decoration:underline;font-size: 12px;color:#058beb;' target='_blank' href='Cards/StepCard.aspx?RoundID={2}'><span style='font-weight: bold;'>Обход № {2} от {1}</span></a>" +
"<div><span class='Cls Dep'>Провел(a): </span>{0} ({3})</div>" +
"<div><span class='Cls Dep'>Проверка проведена в подразделении: </span>{4}</div>" +
"<div><span class='Cls Performer'>Результат: </span>{5}</div></div>", value, Ext.Date.format(record.get("CREATE_DT"), 'd.m.Y'), record.get("ID"), record.get("PATHAUDITOR"),
record.get("PATHDEP"), record.get("CHECK_RESULT_NAME"), 'Cards/StepCard.aspx?RoundID=' + record.get("ID"));
};
var ColorTrend = function (value) {
var template = '<span style="color:{0};">{1}</span>';
switch (value) {
case "Новый":
return Ext.String.format(template, "green", value);
break;
case "Устранение":
return Ext.String.format(template, "red", value);
break;
case "Архив":
return Ext.String.format(template, "blue", value);
break;
}
};
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Viewport ID="Viewport1" runat="server" Layout="BorderLayout">
<Items>
<ext:GridPanel ID="Step_Round" runat="server" Title="" Flex="1" HideHeaders="false"
Layout="FitLayout" Border="true" AutoScroll="true" MinWidth="350" StyleSpec="text-align:left;"
Draggable="false" Collapsible="false" Namespace="App" Region="Center">
<Store>
<ext:Store ID="SRound" runat="server" GroupField="CREATE_MONTH" >
<Model>
<ext:Model ID="Model1" runat="server" IDProperty="ID" >
<Fields>
<ext:ModelField Name="ID" Type="Int" />
<ext:ModelField Name="DESCRIPTION" Type="String" />
<ext:ModelField Name="STATUS_NAME" Type="String" />
<ext:ModelField Name="CREATE_MONTH" Type="String" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<Plugins>
<ext:BufferedRenderer ID="BufferedRenderer1" runat="server" />
</Plugins>
<ColumnModel ID="CMNotice">
<Columns>
<ext:Column ID="ColumnID" DataIndex="ID" runat="server" Width="60" Text="№" ToolTip="Номер обхода" Align="Center" Groupable="false">
</ext:Column>
<ext:Column ID="ColumnDESCRIPTION" DataIndex="DESCRIPTION" runat="server" Text="Данные по обходу" ToolTip="Аудитор" Wrap="true" MinWidth="250" Groupable="false"
Flex="1" Hidden="false">
</ext:Column>
<ext:Column ID="ColumnSTATUSNAME" DataIndex="STATUS_NAME" runat="server" Text="Статус" ToolTip="Статус" Align="Right" Groupable="true">
<Renderer Fn="ColorTrend">
</Renderer>
</ext:Column>
<ext:Column ID="ColumnCREATE_MONTH" DataIndex="CREATE_MONTH" runat="server" Text="Месяц" ToolTip="Месяц проверки" Align="Right" Groupable="true">
</ext:Column>
</Columns>
</ColumnModel>
<View>
<ext:GridView ID="GridView1" runat="server" TrackOver="false" />
</View>
<SelectionModel>
<ext:RowSelectionModel ID="sm1" runat="server" Mode="Single" />
</SelectionModel>
<Features>
<ext:Grouping ID="grup1" runat="server" HideGroupedHeader="true" StartCollapsed="true" GroupHeaderTplString="{name}"></ext:Grouping>
</Features>
</ext:GridPanel>
</Items>
</ext:Viewport>
</div>
</form>
</body>
</html>

Страница .cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Ext.Net;
public partial class GroupingView : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
this.BindData();
}
}
private void BindData()
{
Store store = this.Step_Round.GetStore();

store.DataSource = this.Data;
store.DataBind();
}
private object[] Data
{
get{
string[] STATUS_NAME = new string[] { "Новое", "Архив", "Устранение" };
string[] CREATE_MONTH = new string[] { "Январь 2014", "Декабрь 2013","Ноябрь 2013" };
int count = 5000;
object[] data = new object[count];
Random rnd = new Random();
for (int i = 0; i < count; i++)
{
int Ids = rnd.Next(STATUS_NAME.Length);
int Idc = rnd.Next(CREATE_MONTH.Length);

string status = STATUS_NAME[Ids];
string month = CREATE_MONTH[Idc];

data[i] = new object[] { i, "Обход " + i, status, month };
}

return data;
}
}
}
Result after expand/collapse the middle group, third group disappeared