DropDownList change event not fire in TabStrip

2 posts, 0 answers
  1. Myo
    Myo avatar
    24 posts
    Member since:
    Nov 2013

    Posted 30 Apr 2014 Link to this post


    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 !== '') {
                    $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 {
            alert('Do not move has been set');

    In .ASPX

    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnablePageHeadUpdate="false">
                    <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                            <telerik:AjaxUpdatedControl ControlID="grdGrpRoomTypeIno" />
                            <telerik:AjaxUpdatedControl ControlID="pnlRoomType" />
                    <telerik:AjaxSetting AjaxControlID="radTabStripSelection">
                            <telerik:AjaxUpdatedControl ControlID="radTabStripSelection" />               <telerik:AjaxUpdatedControl ControlID="pnlRoomType" />                          
                <ClientEvents OnRequestStart ="$telerik.$.blockUI" OnResponseEnd="$telerik.$.unblockUI" />

    <div id="pnlRoomType" runat="server" class="divRow">
                                                    <asp:DropDownList ID="ddlRoomType" runat="server" Width="75%" Font-Size="11px">
                                                    <input id="btnRoomType" name="btnRoomType" value="..." onclick="return popupRoomType();"
                                                           type="button" class="divbtn" style="width: 15%" />
  2. Hristo Valyavicharski
    Hristo Valyavicharski avatar
    975 posts

    Posted 02 May 2014 Link to this post

    Hi Myo,

    Do you get any javascript errors? What happens if you disable the ajax:

    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnableAJAX="false" EnablePageHeadUpdate="false">

    Please attach sample.

    Hristo Valyavicharski

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  3. DevCraft R3 2016 release webinar banner
Back to Top