[CLOSED] Incorrect use of Checkbox Selection in GridPanel
Hi Community !
I have a problem using the Checkbox Selection in GridPanel, please check the code sample below:
Code:
<%@ Page Language="C#" %>
<%@ Import Namespace="System.Collections.Generic" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
this.Store1.DataSource = new object[]
{
new object[] { 1, "3m Co", "Blue"},
new object[] { 2, "Alcoa Inc", "Blue"},
new object[] { 3, "Altria Group Inc", "Red" },
new object[] { 4, "American Express Company", "Red"},
new object[] { 5, "American International Group, Inc.", "Red" },
new object[] { 6, "AT&T Inc.", "Yellow" },
new object[] { 7, "Boeing Co.", "Yellow" },
new object[] { 8, "Caterpillar Inc.", "Green" },
new object[] { 9, "Citigroup, Inc.", "Green" },
new object[] { 10, "E.I. du Pont de Nemours and Company", "Green" }
};
this.Store1.DataBind();
Ext.Net.Node theNode = new Ext.Net.Node();
theNode.NodeID = "root";
theNode.Expanded = true;
TreePanel1.Root.Add(theNode);
Ext.Net.Node theNodeBlue = new Node();
theNodeBlue.Text = "Blue";
theNodeBlue.NodeID = "B1";
theNodeBlue.Icon = Icon.Page;
theNodeBlue.Leaf = true;
theNode.Children.Add(theNodeBlue);
Ext.Net.Node theNodeRed = new Node();
theNodeRed.Text = "Red";
theNodeRed.NodeID = "R1";
theNodeRed.Icon = Icon.Page;
theNodeRed.Leaf = true;
theNode.Children.Add(theNodeRed);
Ext.Net.Node theNodeYellow = new Node();
theNodeYellow.Text = "Yellow";
theNodeYellow.NodeID = "Y1";
theNodeYellow.Icon = Icon.Page;
theNodeYellow.Leaf = true;
theNode.Children.Add(theNodeYellow);
Ext.Net.Node theNodeGreen = new Node();
theNodeGreen.Text = "Green";
theNodeGreen.NodeID = "G1";
theNodeGreen.Icon = Icon.Page;
theNodeGreen.Leaf = true;
theNode.Children.Add(theNodeGreen);
}
}
[DirectMethod]
public void TreePanel1_ItemClick(string pstrId)
{
try
{
CheckboxSelectionModel1.ClearSelection();
CheckboxSelectionModel1.DeselectAll();
switch (pstrId)
{
case "B1":
GridPanel1.GetSelectionModel().Select(0, true);
GridPanel1.GetSelectionModel().Select(1, true);
break;
case "R1":
GridPanel1.GetSelectionModel().Select(2, true);
GridPanel1.GetSelectionModel().Select(3, true);
GridPanel1.GetSelectionModel().Select(4, true);
break;
case "Y1":
GridPanel1.GetSelectionModel().Select(5, true);
GridPanel1.GetSelectionModel().Select(6, true);
break;
case "G1":
GridPanel1.GetSelectionModel().Select(7, true);
GridPanel1.GetSelectionModel().Select(8, true);
GridPanel1.GetSelectionModel().Select(9, true);
break;
}
}
catch (Exception)
{
}
}
</script>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<title>GridPanel with Checkbox Selection Model - Ext.NET Examples</title>
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<h1>GridPanel with Checkbox Selection Model</h1>
<ext:FormPanel ID="FormPanelPerfil" runat="server"
MarginSpec="0 0 5 5"
Width="300"
Region="West"
Split="true"
Collapsible="true"
Title="Colores">
<Items>
<ext:TreePanel ID="TreePanel1" runat="server"
MarginSpec="0 0 0 0"
AutoScroll="true"
Height="449"
Frame="true"
Flex="1"
RootVisible="true">
<Listeners>
<ItemClick Handler="App.direct.TreePanel1_ItemClick(record.data.id)"></ItemClick>
</Listeners>
</ext:TreePanel>
</Items>
</ext:FormPanel>
<ext:GridPanel ID="GridPanel1" runat="server"
Title="Company List"
LockText="Bloquear"
UnlockText="Desbloquear"
MarginSpec="0 5 5 0"
SelectionMemory="false"
ForceFit="true"
Region="Center"
Border="False"
Frame="true"
EnableColumnHide="true">
<Store>
<ext:Store ID="Store1" runat="server" PageSize="10">
<Model>
<ext:Model ID="Model1" runat="server" IDProperty="ID">
<Fields>
<ext:ModelField Name="ID" />
<ext:ModelField Name="Name" />
<ext:ModelField Name="Colour" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:Column ID="Column1" runat="server" Text="Company" Width="160" DataIndex="Name" Flex="1" />
<ext:Column ID="Column2" runat="server" Text="Colour" Width="160" DataIndex="Colour" Flex="1" />
</Columns>
</ColumnModel>
<SelectionModel>
<ext:CheckboxSelectionModel ID="CheckboxSelectionModel1" runat="server" Mode="Multi" />
</SelectionModel>
<Plugins>
<ext:BufferedRenderer ID="BufferedRenderer1" runat="server" />
</Plugins>
</ext:GridPanel>
</form>
</body>
</html>
When a node is selected in the TreePanel, certain rows can be checked in the GridPanel control. This function works correctly but when the grid's
order is changed, the values not longer correspond to the ones selected.
I accept suggestions ideas or comments
Regards.
