Oct 06, 2015, 4:04 PM
[CLOSED] Grouping Header displayed wrong when lock enabled
Hi, I cut pasted your grid sample code to reproduce my issue: with company column locked, click to group by one of unlocked column, every thing look good, click to clear grouping then group again, the grouping header & locked column are messed up.
I tried with 3.1 & 3.2 code, both have same issue.
Thanks
-szhang
I tried with 3.1 & 3.2 code, both have same issue.
Thanks
-szhang
//_Layout.chtml
@{
Layout = null;
// HttpContext.Current.Items["ext.net.mvc.example"] = true;
}
<!DOCTYPE html>
@using Ext.Net;
@using Ext.Net.MVC;
@(Html.X().ResourceManager()
.StartupMask ( new StartupMask() { Message = "Please wait for data Loading ....." })
)
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
@Scripts.Render("~/bundles/CPM")
@RenderSection("headtag", false)
</head>
<body>
@RenderSection("scripts", required: false)
@RenderSection("Content", true)
</body>
</html>
//GridWindow.cshtml
@{
Layout = "~/Views/Shared/_Layout.cshtml";
}
@using Ext.Net;
@using Ext.Net.MVC;
@section content
{
@using Ext.Net;
@using Ext.Net.MVC;
@section content
{
<h2>Grid</h2>
@{
var data = new object[]
{
new object[] { "3m Co", 71.72, 0.02, 0.03 },
new object[] { "Alcoa Inc", 29.01, 0.42, 1.47 },
new object[] { "Altria Group Inc", 83.81, 0.28, 0.34 },
new object[] { "American Express Company", 52.55, 0.01, 0.02 },
new object[] { "American International Group, Inc.", 64.13, 0.31, 0.49 },
new object[] { "AT&T Inc.", 31.61, -0.48, -1.54 },
new object[] { "Boeing Co.", 75.43, 0.53, 0.71 },
new object[] { "Caterpillar Inc.", 67.27, 0.92, 1.39 },
new object[] { "Citigroup, Inc.", 49.37, 0.02, 0.04 },
new object[] { "E.I. du Pont de Nemours and Company", 40.48, 0.51, 1.28 },
new object[] { "Exxon Mobil Corp", 68.1, -0.43, -0.64 },
new object[] { "General Electric Company", 34.14, -0.08, -0.23 },
new object[] { "General Motors Corporation", 30.27, 1.09, 3.74 },
new object[] { "Hewlett-Packard Co.", 36.53, -0.03, -0.08 },
new object[] { "Honeywell Intl Inc", 38.77, 0.05, 0.13 },
new object[] { "Intel Corporation", 19.88, 0.31, 1.58 },
new object[] { "International Business Machines", 81.41, 0.44, 0.54 },
new object[] { "Johnson & Johnson", 64.72, 0.06, 0.09 },
new object[] { "JP Morgan & Chase & Co", 45.73, 0.07, 0.15 },
new object[] { "McDonald\"s Corporation", 36.76, 0.86, 2.40 },
new object[] { "Merck & Co., Inc.", 40.96, 0.41, 1.01 },
new object[] { "Microsoft Corporation", 25.84, 0.14, 0.54 },
new object[] { "Pfizer Inc", 27.96, 0.4, 1.45 },
new object[] { "The Coca-Cola Company", 45.07, 0.26, 0.58 },
new object[] { "The Home Depot, Inc.", 34.64, 0.35, 1.02 },
new object[] { "The Procter & Gamble Company", 61.91, 0.01, 0.02 },
new object[] { "United Technologies Corporation", 63.26, 0.55, 0.88 },
new object[] { "Verizon Communications", 35.57, 0.39, 1.11 },
new object[] { "Wal-Mart Stores, Inc.", 45.45, 0.73, 1.63 }
};
}
@(
Html.X().Window()
.Icon(Icon.Table)
.Width(740)
.Height(480)
.Layout(LayoutType.Fit)
.Title("Grid Window")
.TopBarItem(
Html.X().Button()
.Text("Clear Grouping")
.Icon(Icon.GroupDelete)
.Handler("#{Grouping1}.disable();"),
Html.X().Button()
.Text("Add Something")
.Icon(Icon.Add)
.ToolTip("Add a new row")
)
.Items(
Html.X().GridPanel()
.Border(false)
.Store(
Html.X().Store()
.DataSource(data)
.Model(
Html.X().Model()
.Fields(
Html.X().ModelField().Name("Company"),
Html.X().ModelField().Name("Price").Type(ModelFieldType.Float),
Html.X().ModelField().Name("Change").Type(ModelFieldType.Float),
Html.X().ModelField().Name("PctChange").Type(ModelFieldType.Float)
)
)
.Reader(
Html.X().ArrayReader()
)
)
.ColumnModel(
Html.X().RowNumbererColumn(),
Html.X().Column()
.Text("Company")
// .Flex(1)
.Locked(true)
.DataIndex("Company"),
Html.X().Column()
.Text("Price")
.Width(70)
.DataIndex("Price"),
// .Renderer(RendererFormat.UsMoney),
Html.X().Column()
.Text("Change")
.Width(70)
.DataIndex("Change"),
Html.X().Column()
.Text("% Change")
.Width(70)
.DataIndex("PctChange")
)
.Features(
Html.X().GroupingSummary()
.ID("Grouping1")
.GroupHeaderTplString("{columnName}: {name} ({[values.rows.length]} {[values.rows.length > 1 ? \"Items\" : \"Item\"]})")
.HideGroupedHeader(true)
.StartCollapsed(false)
.ShowSummaryRow(true)
,
Html.X().Summary()
.ShowSummaryRow(true)
.Dock(SummaryDock.Bottom)
)
)
)
}
Last edited by Daniil; Oct 16, 2015 at 12:11 PM.
Reason: [CLOSED]