I created this JS function that used for 3 client side buttons in their onclick functions
function DeleteExam(ExmID) {
if (confirm("Are you sure you want to delete this item?")) {
SetVars(ExmID, "");
$('#' + "<%=btnDeleteExam.ClientID%>").click();
return true;
}
else return false;
}
I used the button btnDeleteExam to update upDetails telerik:RadAjaxPanel like this
<telerik:AjaxSetting AjaxControlID="btnDeleteExam">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="updDetails" LoadingPanelID="lpnlMiddle" />
</UpdatedControls>
</telerik:AjaxSetting>
now telerik:RadAjaxLoadingPanel "lpnlMiddle" shows only for the first button and doesn't show for the others
function DeleteExam(ExmID) {
if (confirm("Are you sure you want to delete this item?")) {
SetVars(ExmID, "");
$('#' + "<%=btnDeleteExam.ClientID%>").click();
return true;
}
else return false;
}
I used the button btnDeleteExam to update upDetails telerik:RadAjaxPanel like this
<telerik:AjaxSetting AjaxControlID="btnDeleteExam">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="updDetails" LoadingPanelID="lpnlMiddle" />
</UpdatedControls>
</telerik:AjaxSetting>
now telerik:RadAjaxLoadingPanel "lpnlMiddle" shows only for the first button and doesn't show for the others