Hi,
I am trying to show RadAjaxLoadingPanel on a client side event of checkbox control, What i am trying to achieve is that when i tick the checkbox value to true, using Ecmascript i update the value on a sharepoint server, since this is an async process i need to show the loading panel. I have already tried the below mentioned code but it is not working for some reason. Can you please point me in the right direction
Thanks and Regards,
Abhijit Narvekar
I am trying to show RadAjaxLoadingPanel on a client side event of checkbox control, What i am trying to achieve is that when i tick the checkbox value to true, using Ecmascript i update the value on a sharepoint server, since this is an async process i need to show the loading panel. I have already tried the below mentioned code but it is not working for some reason. Can you please point me in the right direction
<
telerik:RadGrid
ID
=
"RadGrid"
...
<Columns>
<
telerik:GridTemplateColumn
HeaderText
=
"ClickMe"
UniqueName
=
"ClickMe"
ShowFilterIcon
=
"false"
AllowFiltering
=
"false"
ItemStyle-HorizontalAlign
=
"Center"
>
<
HeaderStyle
HorizontalAlign
=
"Center"
Font-Bold
=
"true"
/>
<
ItemTemplate
>
<
asp:CheckBox
ID
=
"chkClickMe"
runat
=
"server"
Checked='<%# Eval("ClickMe") %>'
Visible='<%# Eval("ClickMe") %>' OnClick='<%# Eval("ID", "ClickMe(this,{0});") %>'
EnableViewState="true" />
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
</
Columns
>
</
telerik:RadGrid
>
<script type=
"text/javascript"
>
var
currentLoadingPanel =
null
;
var
currentControl =
null
;
function
ShowLoading() {
currentLoadingPanel = $find(
'<%= loadingPanel.ClientID %>'
);
currentControl = $find(
"<%= RadGrid.ClientID %>"
);
currentLoadingPanel.show(currentControl);
}
function
HideLoading() {
if
(currentLoadingPanel !=
null
) {
currentLoadingPanel.hide(currentUpdatedControl);
}
currentUpdatedControl =
null
;
currentLoadingPanel =
null
;
}
var
sender_id;
function
ClickMe(sender, id) {
ShowLoading();
}
</script>
Thanks and Regards,
Abhijit Narvekar