Aug 23, 2013, 12:20 PM
Single select checkbox in gridpanel
Hi Daniil,
I want three checkcolumn in gridpanel. User can set only one checked per row. if first is checked and user checked second checkbox then how I can unchecked first checkbox of that row?
I tried lots of way.
Can u help me?
I got following sample code. but not able to unchecked other checkboxes of same row after selecting on any checkbox.
Rupesh
I want three checkcolumn in gridpanel. User can set only one checked per row. if first is checked and user checked second checkbox then how I can unchecked first checkbox of that row?
I tried lots of way.
Can u help me?
I got following sample code. but not able to unchecked other checkboxes of same row after selecting on any checkbox.
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
this.Store1.DataSource = new object[]
{
new object[] {"a",false,false},
new object[] {"b",false,false},
new object[] {"c",false,false},
new object[] {"d",false,false},
new object[] {"e",false,false},
new object[] {"f",false,false},
new object[] {"g",false,false}
};
this.Store1.DataBind();
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script type="text/javascript">
var check = function (e) {
e.grid.store.each(function (record) {
record.beginEdit();
record.set('check', false);
record.modified = false;
record.endEdit();
});
e.record.set('check', true);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ScriptManager1" runat="server" StateProvider="None" />
<ext:Store ID="Store1" runat="server">
<Reader>
<ext:ArrayReader>
<Fields>
<ext:RecordField Name="Name" Type="String" />
<ext:RecordField Name="check" Type="Boolean" />
<ext:RecordField Name="check1" Type="Boolean" />
</Fields>
</ext:ArrayReader>
</Reader>
</ext:Store>
<ext:GridPanel ID="GridPanel1"
runat="server"
StoreID="Store1"
Title="Grid"
Width="400"
Height="300">
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:Column DataIndex="Name" Header="Name"></ext:Column>
<ext:CheckColumn DataIndex="check" Editable="true"></ext:CheckColumn>
<ext:CheckColumn DataIndex="check1" Editable="true"></ext:CheckColumn>
</Columns>
</ColumnModel>
<Listeners>
<AfterEdit Fn="check" />
</Listeners>
</ext:GridPanel>
</form>
</body>
</html>
ThanksRupesh