Nov 14, 2017, 1:03 PM
[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:
order is changed, the values not longer correspond to the ones selected.
I accept suggestions ideas or comments
Regards.
I have a problem using the Checkbox Selection in GridPanel, please check the code sample below:
<%@ 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>order is changed, the values not longer correspond to the ones selected.
I accept suggestions ideas or comments
Regards.
Last edited by fabricio.murta; Nov 16, 2017 at 12:54 PM.
