Hi,
My RoomType dropdownlist change event fire on first time page load but after come back from other tabs event not fire already. Is it because of RadAjaxManager <telerik:AjaxUpdatedControl ControlID="pnlRoomType" /> ? Can anyone give me some suggestion how to solve this problems? I would like to publish my code and screenshot. I appreciate any help.
In Script
<script type="text/javascript" id='GlobalValueSetup'>
$telerik.$(function () {
var txtRemarks = $telerik.$('#ctl00_ContentPlaceHolderMain_txtRemark').val();
if (txtRemarks !== '') {
alert(txtRemarks);
}
$telerik.$('#<%=ddlRoomType.ClientID %>').unbind('change').bind('change', OnddlRoomTypeSelectedIndexChange);
});
function OnddlRoomTypeSelectedIndexChange() {
var ddlRoomType = $telerik.$('#' + GlobalObjectControls.DllRoomTypeID);
if (isDonotMoveChecked == false) {
ChangeRoomType(GlobalObjectControls.RoomTypeKey, ddlRoomType.val(), '', null, null);
}
else {
ddlRoomType.val(GlobalObjectControls.RoomTypeKey);
alert('Do not move has been set');
}
}
</script>
</telerik:RadCodeBlock>
In .ASPX
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnablePageHeadUpdate="false">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="grdGrpRoomTypeIno" />
<telerik:AjaxUpdatedControl ControlID="pnlRoomType" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="radTabStripSelection">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="radTabStripSelection" /> <telerik:AjaxUpdatedControl ControlID="pnlRoomType" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
<ClientEvents OnRequestStart ="$telerik.$.blockUI" OnResponseEnd="$telerik.$.unblockUI" />
</telerik:RadAjaxManager>
<div id="pnlRoomType" runat="server" class="divRow">
<asp:DropDownList ID="ddlRoomType" runat="server" Width="75%" Font-Size="11px">
</asp:DropDownList>
<input id="btnRoomType" name="btnRoomType" value="..." onclick="return popupRoomType();"
type="button" class="divbtn" style="width: 15%" />
</div>
My RoomType dropdownlist change event fire on first time page load but after come back from other tabs event not fire already. Is it because of RadAjaxManager <telerik:AjaxUpdatedControl ControlID="pnlRoomType" /> ? Can anyone give me some suggestion how to solve this problems? I would like to publish my code and screenshot. I appreciate any help.
In Script
<script type="text/javascript" id='GlobalValueSetup'>
$telerik.$(function () {
var txtRemarks = $telerik.$('#ctl00_ContentPlaceHolderMain_txtRemark').val();
if (txtRemarks !== '') {
alert(txtRemarks);
}
$telerik.$('#<%=ddlRoomType.ClientID %>').unbind('change').bind('change', OnddlRoomTypeSelectedIndexChange);
});
function OnddlRoomTypeSelectedIndexChange() {
var ddlRoomType = $telerik.$('#' + GlobalObjectControls.DllRoomTypeID);
if (isDonotMoveChecked == false) {
ChangeRoomType(GlobalObjectControls.RoomTypeKey, ddlRoomType.val(), '', null, null);
}
else {
ddlRoomType.val(GlobalObjectControls.RoomTypeKey);
alert('Do not move has been set');
}
}
</script>
</telerik:RadCodeBlock>
In .ASPX
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnablePageHeadUpdate="false">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="grdGrpRoomTypeIno" />
<telerik:AjaxUpdatedControl ControlID="pnlRoomType" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="radTabStripSelection">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="radTabStripSelection" /> <telerik:AjaxUpdatedControl ControlID="pnlRoomType" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
<ClientEvents OnRequestStart ="$telerik.$.blockUI" OnResponseEnd="$telerik.$.unblockUI" />
</telerik:RadAjaxManager>
<div id="pnlRoomType" runat="server" class="divRow">
<asp:DropDownList ID="ddlRoomType" runat="server" Width="75%" Font-Size="11px">
</asp:DropDownList>
<input id="btnRoomType" name="btnRoomType" value="..." onclick="return popupRoomType();"
type="button" class="divbtn" style="width: 15%" />
</div>