May 26, 2017, 7:19 PM
[FIXED] [#1491] [4.3.0] Jump Grids and Oddity
I update my example to show the complexity of our grids.
Simply load this up (IE11). Then grab the scroll bar, drag to the bottom and let go. You will find that the screen "jumps" back up and down.
Then try to click on any of the editable combo boxes and then it goes crazy and scrolls up an down, and then chooses a cell.
it is really odd!
please help. it is better on v3 but i have problems on v3. now that i am moving to v4, i need to get this resolved.
Thanks,
/Z
Simply load this up (IE11). Then grab the scroll bar, drag to the bottom and let go. You will find that the screen "jumps" back up and down.
Then try to click on any of the editable combo boxes and then it goes crazy and scrolls up an down, and then chooses a cell.
it is really odd!
please help. it is better on v3 but i have problems on v3. now that i am moving to v4, i need to get this resolved.
Thanks,
/Z
<%@ Page Language="C#" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
Stt.DataSource = new object[]
{
new object[] { 1, "test1"},
new object[] { 2, "test2"},
new object[] { 3, "test3"},
new object[] { 4, "test4"},
new object[] { 5, "test5"},
new object[] { 6, "test6"}
};
Stt.DataBind();
this.GridPanel1.Store.Primary.DataSource = new object[]
{
new object[] { "[9/1/2017 2:00a] 3m777", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:00a]666 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:05550a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 4442:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2033317 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1222/2017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[1119/1/2017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:00a] jkl3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:00hjka] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2ghj:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/201fgh7 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/dfg2017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9sdf/1/2017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "asd[9/1/2017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:00a] 3ppm", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:00a]oo 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:00iia] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:uu00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 yy2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/201tt7 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2rr017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1ee/2017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9ww/1/2017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "qq[9/1/2017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:00a] 3..m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:00a],, 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:00mma] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2nnn:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017bb 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/20vv17 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/cc2017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/xx1/2017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[zz9/1/2017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:00a]i 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:00au] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:00ya] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:0t0a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:r00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2e:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 w2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/201qw7 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/20m17 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2n017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/b2017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1v/2017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/c1/2017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9x/1/2017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[z9/1/2017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/201lc7 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/20k17 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2j017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/h2017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1g/2017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/f1/2017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9d/1/2017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[s9/1/2017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "a[9/1/2017 2:00a] 38m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:00a] 73m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:00a]6 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:00a5] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:004a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:030a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:200a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 21:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 -2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/20170 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/20197 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/20817 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/27017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/62017 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/15/20127 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/41/20127 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[93/1/20127 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[92/1/20127 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[19/1/20127 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[19/134/20127 2:00a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:900a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:800a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:700a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:600a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:500a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:400a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:300a] 3m", "[9/1/2017 2:00] 3m",71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:200a] 3m", "[9/1/2017 2:00] 3m",29.01, 0.42, 1.47, new DateTime(2017, 9, 1, 8, 0, 0) },
new object[] { "[9/1/2017 2:100a] 3m", "[9/1/2017 2:00] 3m", 83.81, 0.28, 0.34, new DateTime(2017, 9, 1, 14, 0, 0) },
new object[] { "[9/1/2017 8:00a] Starbucks","[9/1/2017 8:00] Starbucks", 71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 8:00a] Starbucks","[9/1/2017 8:00] Starbucks", 29.01, 0.42, 1.47, new DateTime(2017, 9, 1, 8, 0, 0) },
new object[] { "[9/1/2017 8:00a] Starbucks","[9/1/2017 8:00] Starbucks", 83.81, 0.28, 0.34, new DateTime(2017, 9, 1, 14, 0, 0) },
new object[] { "[9/1/2017 2:00p] Home Depot","[9/1/2017 14:00] Home Depot", 71.72, 0.02, 0.03, new DateTime(2017, 9, 1, 2, 0, 0) },
new object[] { "[9/1/2017 2:00p] Home Depot","[9/1/2017 14:00] Home Depot", 29.01, 0.42, 1.47, new DateTime(2017, 9, 1, 8, 0, 0) },
new object[] { "[9/1/2017 2:00p] Home Depot","[9/1/2017 14:00] Home Depot", 83.81, 0.28, 0.34, new DateTime(2017, 9, 1, 14, 0, 0) }
};
this.GridPanel1.Store.Primary.DataBind();
}
}
</script>
<!DOCTYPE html>
<html>
<head id="Head2" runat="server">
<title>GridPanel with Locking Columns - Ext.NET Examples</title>
<link href="/resources/css/examples.css" rel="stylesheet" />
<script>
// this "setGroupStyle" function is called when the GroupingView is refreshed.
var setGroupStyle = function (view) {
var colors = ['olive', 'orange', 'purple', 'red', 'blue', 'fuchsia', 'gray', 'green', 'maroon', 'navy', 'silver', 'teal', 'black']
// get an instance of the Groups
var groups = view.el.query(App.groupRoster.eventSelector);
for (var i = 0; i < groups.length; i++) {
// Set the "background-color" of the original Group node.
Ext.get(groups[i]).parent().select('.x-grid-group-hd').setStyle("background-color", colors[i % colors.length]);
}
};
var count = 0;
var template = '<span style="color:{0};">{1}</span>';
var change = function (value) {
return Ext.String.format(template, (value > 0) ? "green" : "red", value);
};
var editRecordComplete = function (editor, context) {
var store = context.grid.getStore();
var record = context.record;
};
var pctChange = function (value) {
return Ext.String.format(template, (value > 0) ? "green" : "red", value + "%");
};
var alertResponsehift = function (curSelection) {
count = 4;
curSelection.beginEdit();
curSelection.set('price', 1);
curSelection.endEdit();
};
var myRenderer = function (value, metaData, record, rowIndex, colIndex, store) {
var result = "";
for (i = 0; i < count; i++) {
result += "<div><span>TEST</span><BR/></div>";
}
return result;
};
var commandHandler = function (cmd, record, obj, grid) {
alertResponsehift(record);
};
</script>
</head>
<body>
<ext:Store ID="Stt" runat="server" AutoLoad="true">
<Model>
<ext:Model ID="Model1" IDProperty="id" runat="server">
<Fields>
<ext:ModelField Name="id" />
<ext:ModelField Name="description" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
<ext:ResourceManager ID="ResourceManager2" runat="server" />
<ext:Viewport ID="Viewport1" runat="server" Layout="VBoxLayout">
<LayoutConfig>
<ext:VBoxLayoutConfig Align="Stretch" />
</LayoutConfig>
<Items>
<ext:GridPanel
ID="GridPanel1"
runat="server"
TitleCollapse="true"
LeadingBufferZone="5"
TrailingBufferZone="5"
ColumnLines="true"
ContextMenuID="MenuRightClickMasterSchedule"
Flex="1">
<Store>
<ext:Store ID="Store2" runat="server" PageSize="3000">
<Model>
<ext:Model ID="Model2" runat="server">
<Fields>
<ext:ModelField Name="company" />
<ext:ModelField Name="companySort" />
<ext:ModelField Name="price" Type="Float" />
<ext:ModelField Name="change" Type="Float" />
<ext:ModelField Name="pctChange" Type="Float" />
<ext:ModelField Name="lastChange" Type="Date" />
</Fields>
</ext:Model>
</Model>
<Grouper Property="company" SortProperty="company" Direction="ASC" />
<Sorters>
<ext:DataSorter Property="lastChange" Direction="DESC" />
</Sorters>
</ext:Store>
</Store>
<Plugins>
<ext:CellEditing ID="CellEditing1" ClicksToEdit="1" runat="server">
<Listeners>
<Edit Fn="editRecordComplete" />
</Listeners>
</ext:CellEditing>
</Plugins>
<View>
<ext:GridView ID="GridView1" runat="server">
<Listeners>
<Refresh Fn="setGroupStyle" />
<ViewReady Handler="this.on('scroll', setGroupStyle, this, { buffer: 50 });" />
</Listeners>
</ext:GridView>
</View>
<Features>
<ext:GroupingSummary
ID="groupRoster"
runat="server"
GroupHeaderTplString='<span style="color:white">{name} ({[values.rows.length]} {[values.rows.length > 1 ? "Employees" : "Employee"]})</span>'
HideGroupedHeader="true"
EnableGroupingMenu="true"
StartCollapsed="false">
</ext:GroupingSummary>
</Features>
<ColumnModel>
<Columns>
<ext:RowNumbererColumn Locked="true" ID="RowNumbererColumn1" runat="server" Width="30" />
<ext:Column Locked="true" ID="Column5" runat="server" Text="Company<br>Name" DataIndex="company" Width="200" Sortable="false" />
<ext:Column ID="Column8" Locked="true" runat="server" Text="% Change" DataIndex="pctChange" Width="125">
<Renderer Fn="pctChange" />
</ext:Column>
<ext:Column ID="Column1" Locked="true" DataIndex="lastChange" Text="Date" runat="server" Width="50"/>
<ext:Column ID="stset" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="test1"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column2" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox1"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column3" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox2"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column4" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox3"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column6" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox4"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column7" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox5"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column9" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox6"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column10" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox7"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column11" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox8"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column12" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox9"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column13" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox10"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column14" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox11"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column15" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox12"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column16" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox13"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column17" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox14"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column18" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox15"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column19" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox16"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column20" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox17"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column21" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox18"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column22" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox19"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column23" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox20"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column24" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox21"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column25" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox22"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column26" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox23"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column27" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox24"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column28" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox25"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column29" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox26"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column30" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox27"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column31" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox28"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column32" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox29"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ID="Column33" runat="server">
<Editor>
<ext:ComboBox runat="server"
ID="ComboBox30"
ValueField="id"
DisplayField="description"
QueryMode="Local"
>
<Items>
<ext:ListItem Text="test1" Value="tes1"/>
<ext:ListItem Text="test2" Value="tes2"/>
<ext:ListItem Text="test3" Value="tes3"/>
<ext:ListItem Text="test4" Value="tes4"/>
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
</Columns>
</ColumnModel>
</ext:GridPanel>
</Items>
</ext:Viewport>
</body>
</html>
