Hi,
I am using Gridclientselectcoiumn in my radgrid. I have a label in my commanditemtemplate. When user checks checkbox i just want to show number of checkboxes selected in that label. Suppose If user selects 4 checkboxes i just want to show like Selected Records: 4. Here is my code for that......
Grid client select column....
commanditemtemplate
codebehind and JS
The problem is when i select checkbox like 1 or more, the selected checkboxes count is not displaying. Its always showing Selected Records: 0.( See the image). Where am i doing wrong? How to resolve this issue. Any help should be appreciated.
I am using Gridclientselectcoiumn in my radgrid. I have a label in my commanditemtemplate. When user checks checkbox i just want to show number of checkboxes selected in that label. Suppose If user selects 4 checkboxes i just want to show like Selected Records: 4. Here is my code for that......
Grid client select column....
<
telerik:GridClientSelectColumn
UniqueName
=
"ClientSelectColumn"
HeaderStyle-Width
=
"3%"
ItemStyle-Width
=
"3%"
>
<
HeaderStyle
Width
=
"3%"
></
HeaderStyle
>
<
ItemStyle
Width
=
"3%"
></
ItemStyle
>
</
telerik:GridClientSelectColumn
>
commanditemtemplate
<
CommandItemTemplate
>
<
td
align
=
"right"
style
=
"width: 20%"
>
Selected Records:<
asp:Label
ID
=
"lblselTsks"
Width
=
"20px"
Font-Size
=
"10pt"
Font-Bold
=
"true"
runat
=
"server"
Text
=
"0"
></
asp:Label
>
</
td
>
</
CommandItemTemplate
>
codebehind and JS
protected
void
rg200_DataBound(
object
sender, EventArgs e)
{
foreach
(GridDataItem item
in
rg200.MasterTableView.Items)
{
CheckBox chkBoxOne = (CheckBox)item.FindControl(
"ClientSelectColumn"
);
if
(chkBoxOne !=
null
)
chkBoxOne.Attributes.Add(
"onclick"
,
"javascript:return SelectOne('"
+ chkBoxOne.ClientID +
"')"
);
}
}
JS
function SelectOne(id) {
var count = 0;
count = Number(document.getElementById(
'ctl00_PagePlaceholder_rg200_ctl00_ctl02_ctl00_lblselTsks'
).innerHTML);
if
(document.getElementById(id).
checked
==
true
) {
if
(!document.getElementById(id).disabled) {
count = count + 1;
}
}
else
if
(document.getElementById(id).
checked
==
false
) {
if
(!document.getElementById(id).disabled) {
count = count - 1;
}
}
document.getElementById(
'ctl00_PagePlaceholder_rg200_ctl00_ctl02_ctl00_lblselTsks'
).innerHTML = count;
}
The problem is when i select checkbox like 1 or more, the selected checkboxes count is not displaying. Its always showing Selected Records: 0.( See the image). Where am i doing wrong? How to resolve this issue. Any help should be appreciated.