Hi All,
I have one radgrid in that i have checkboxes,raddatepicker and radnumerictextbox.
Attached is the screenshot of my radgrid.
When i select raddatepicker i need to fill Percent complete radnumerictextbox with 100,completed checkbox checked
and 99% complete checkbox uncheck and visible false on client side only.
aspx page
-----------------
<
telerik:RadGrid
ID
=
"RadGrid1"
Skin
=
"WebBlue"
runat
=
"server"
AllowFilteringByColumn
=
"true"
AutoGenerateColumns
=
"false"
ShowStatusBar
=
"True"
GridLines
=
"None"
AllowPaging
=
"true"
PageSize
=
"20"
AllowSorting
=
"True"
onitemdatabound
=
"RadGrid1_ItemDataBound"
>
<
MasterTableView
GroupLoadMode
=
"Client"
>
<
Columns
>
<
telerik:GridTemplateColumn
UniqueName
=
"Complete"
HeaderText
=
"Completed"
AllowFiltering
=
"false"
>
<
ItemTemplate
>
<
asp:Panel
ID
=
"Panel1"
runat
=
"server"
Width
=
"2px"
>
<
asp:CheckBox
ID
=
"chkComplete"
runat
=
"server"
/>
</
asp:Panel
>
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
<
telerik:GridTemplateColumn
UniqueName
=
"gridActFinish"
HeaderText
=
"Actual Finish"
AllowFiltering
=
"false"
>
<
ItemTemplate
>
<
telerik:RadDatePicker
ID
=
"actfinish"
runat
=
"server"
Width
=
"100px"
MaxDate='<%# Convert.ToDateTime(Eval("early_start_display")).ToString("dd/MMM/yyyy") %>'
Calendar-ShowOtherMonthsDays="false" Calendar-ShowRowHeaders="false" DbSelectedDate='<%# Bind("actual_finish") %>' DateInput-DateFormat="MM/dd/yyyy">
<
ClientEvents
OnDateSelected
=
"actfinish_OnDateSelected"
>
</
ClientEvents
>
</
telerik:RadDatePicker
>
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
<
telerik:GridTemplateColumn
UniqueName
=
"perComplete"
HeaderText
=
"99% Complete"
AllowFiltering
=
"false"
>
<
ItemTemplate
>
<
asp:Panel
ID
=
"Panel2"
runat
=
"server"
>
<
asp:CheckBox
ID
=
"Chkbox"
runat
=
"server"
/>
</
asp:Panel
>
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
<
telerik:GridTemplateColumn
UniqueName
=
"perComplete"
HeaderText
=
"Percent Complete"
AllowFiltering
=
"false"
>
<
ItemTemplate
>
<
telerik:radnumerictextbox
id
=
"pct"
runat
=
"server"
text='<%#Eval("pct") %>' minvalue="0" maxvalue="100" width="50px" FocusedStyle-BackColor="Yellow" NumberFormat-DecimalDigits="0">
<
numberformat
allowrounding
=
"true"
decimaldigits
=
"4"
/>
</
telerik:radnumerictextbox
>
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
</
Columns
>
</
MasterTableView
>
</
telerik:RadGrid
>
javascript
--------------------------
function actfinish_OnDateSelected(sender, args) {
var rdgrid = $find("<%=RadGrid1.ClientID %>");
var cell = sender.get_element().parentNode.parentNode;
var index = cell.parentNode.rowIndex;
var MasterTable = rdgrid.get_masterTableView();
var row = MasterTable.get_dataItems()[index - 3]; //getting row
var tbxAdopted = row.findControl("pct").set_value(100); //getting value of TextBox 'tbxAdopted'
var checkbox = row.findControl("chkComplete");
checkbox.checked = true;
}
in this action i am successfully filling value 100 in radnumerictextbox but i can't check the checkbox.
Thanks in advance, Please help me this senario on client side only.
Thanks,
Nagendra.