RadCombobox selectedindexchanged not firing

5 posts, 0 answers
  1. vipul saini
    vipul saini avatar
    11 posts
    Member since:
    Mar 2010

    Posted 28 Jun 2010 Link to this post

    Hi,

    I am using telerik controls version 2010.1.415.35.

    I am struggling with an issue and need help on that issue.

    Scenario of the problem is that

    I have 4 radcomboboxes on a usercontrol and on the basis of first combobox, the rest comboboxes become enabled and disabled and loads data.
    First combobox contains a radtreeview control inside it. so the treeview items works as the items of combobox.

    The first combobox loads the data based on the tabselection that is a tabstrip on the aspx page from where this usercontrol is called.
    When the user click on tab, it loads the usercontrol.

    Now the problem is that, in only one case after selecting the tab control, the first combo box loads. But when user selects any item from first combobox, it dont display the selected item rather it displays the initial text i.e. "Select Chart". On code behind part it dont fires the selectedindexchanged event of this combobox.

    In all the other cases it fires the selected index changed event and displays the selected item in combobox.

    here it the code :

    (<

    <

     

    div id="div_ChartWidgetMain" runat="server" style="padding-top:10px;overflow:visible; background-color:White; width:100%;">

     

     

    <telerik:RadAjaxManagerProxy ID="radAjaxManagerProxy_ChartWidget" runat="server">

     

     

    <AjaxSettings>

     

     

    <telerik:AjaxSetting AjaxControlID="ChartSelector">

     

     

    <UpdatedControls>

     

     

    <telerik:AjaxUpdatedControl ControlID="ChartBar"/>

     

     

    </UpdatedControls>

     

     

    </telerik:AjaxSetting>

     

     

    <telerik:AjaxSetting AjaxControlID="btnShow" >

     

     

    <UpdatedControls>

     

     

    <telerik:AjaxUpdatedControl ControlID="PanelGraphicContainer"

     

     

    LoadingPanelID="radAjaxLoadingPanel"/>

     

     

    </UpdatedControls>

     

     

    </telerik:AjaxSetting>

     

     

    <telerik:AjaxSetting AjaxControlID="ButtonApplySelectedCPU" >

     

     

    <UpdatedControls>

     

     

    <telerik:AjaxUpdatedControl ControlID="ChartBar" />

     

     

    <telerik:AjaxUpdatedControl ControlID="PanelGraphicContent"

     

     

    LoadingPanelID="radAjaxLoadingPanel" />

     

     

    </UpdatedControls>

     

     

    </telerik:AjaxSetting>

     

     

    </AjaxSettings>

     

     

    </telerik:RadAjaxManagerProxy>

     

     

     

     

     


    <
    telerik:RadWindowManager ID="RadWindowManager_ChartWidget" runat="server"

     

     

    ShowContentDuringLoad="false"

     

     

    EnableEmbeddedSkins="false" VisibleStatusbar="false"

     

     

    Behavior="Default" Behaviors="None" Skin="AvalonSkin"

     

     

    VisibleTitlebar="True" Modal="true" style="z-index:9000">

     

     

    <Windows>

     

     

    <telerik:RadWindow ID="AlertInstanceDetail" runat="server"

     

     

    Width="850px" Height="500"

     

     

    BorderColor="#BDE0B8" BorderStyle="Solid" BorderWidth="4px"

     

     

    Title="Instances Detail"

     

     

    ReloadOnShow="true" OnClientClose="CallBackFunction">

     

     

    </telerik:RadWindow>

     

     

    <telerik:RadWindow ID="CPUTableWindow" runat="server"

     

     

    Width="800px" Height="650px"

     

     

    BorderColor="#bde0b8" BorderStyle="Solid" BorderWidth="4px"

     

     

    Title="CPU Table Selections"

     

     

    VisibleStatusbar="false"

     

     

    OnClientShow="OnCpuTableClientShow"

     

     

    Behavior="Close" OnClientClose="OnCpuTableClientClose"

     

     

    >

     

     

    </telerik:RadWindow>

     

     

    <telerik:RadWindow ID="PrintPreviewWindow" runat="server"

     

     

    Width="900px" Height="650px"

     

     

    BorderColor="#bde0b8" BorderStyle="Solid" BorderWidth="4px"

     

     

    Title="Print Chart"

     

     

    VisibleStatusbar="false"

     

     

    OnClientShow="OnPrintPreviewClientShow"

     

     

    Behavior="Close" OnClientClose="OnPrintPreviewClientClose"

     

     

    >

     

     

    </telerik:RadWindow>

     

     

    </Windows>

     

     

    </telerik:RadWindowManager>

     

     

     

    <telerik:RadAjaxLoadingPanel ID="radAjaxLoadingPanel_ChartWidget" runat="server" ZIndex="5980">

     

     

    <table style="width:100%;height:100%;background-color:#E1E1E1;">

     

     

    <tr style="height:100%; width:100%;">

     

     

    <td align="center" valign="middle" style="width:100%; height:100%">

     

     

    <img alt="Loading..." src='~/Images/logoBig.gif' style="border:0;" ID="imgLoading" runat="server" />

     

     

    </td>

     

     

    </tr>

     

     

     

    </table>

     

     

    </telerik:RadAjaxLoadingPanel>

     

     

     

    <asp:Panel id="ChartBar" class="Left" style="margin-left:10px;" runat="server">

     

     

    <span style="font-size:16px;font-weight:bold">Chart:</span>

     

     

    <telerik:RadComboBox ID="ChartSelector" CausesValidation ="false" 

     

     

    runat="server" Height="150px" Width="250" EnableEmbeddedSkins="false"

     

     

    OnClientDropDownOpened="OnClientDropDownOpenedHandler" OnClientLoad="comboLoad"

     

     

    Skin="Default" onselectedindexchanged="ChartSelector_SelectedIndexChanged" >

     

     

    <ItemTemplate>

     

     

    <div id="div1" onclick="StopPropagation(event);">

     

     

    <telerik:RadTreeView ShowLineImages="true" EnableEmbeddedSkins="false" Skin="AvalonSkin"

     

     

    style="white-space:nowrap" ID="Charts" runat="server"

     

     

    OnClientNodeClicking="nodeClicking"

     

     

    OnNodeClick ="OnTreeNodeClick"

     

     

    CausesValidation="false" RegisterWithScriptManager="False" >

     

     

    </telerik:RadTreeView>

     

     

    </div>

     

     

    </ItemTemplate>

     

     

    <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>

     

     

    </telerik:RadComboBox>

     

     

    &nbsp;

     

     

    <telerik:RadComboBox ID="ShowSelector" runat="server" Skin="Default"

     

     

    Width="160px">

     

     

    <Items>

     

     

    <telerik:RadComboBoxItem Text="Show Charts" Value="0" />

     

     

    <telerik:RadComboBoxItem Text="Show Data" Value="1" />

     

     

    </Items>

     

     

    </telerik:RadComboBox>

     

     

    &nbsp;

     

     

    <telerik:RadComboBox ID="intervalMode" runat="server" Skin="Default" Width="160px"

     

     

    OnClientSelectedIndexChanged="needsToSelectIntervals"

     

     

    EmptyMessage="Select Mode"

     

     

    Enabled="false">

     

     

    </telerik:RadComboBox>

     

     

    &nbsp;<telerik:RadComboBox ID="intervals" runat="server" Skin="Default" Width="200px" Height="200"

     

     

    HighlightTemplatedItems="true"

     

     

    MarkFirstMatch="false"

     

     

    AllowCustomText="false"

     

     

    EmptyMessage="Select Intervals"

     

     

    Enabled="false">

     

     

    <HeaderTemplate>

     

     

    <img ID="imgSelectAllintervals" style="float:left; overflow:visible; cursor:pointer; margin-right:5px"

     

     

    src="~/Images/mini_select.jpg" runat="server" onclick="javascript:IntervalsSelectAll();" alt="X" />

     

     

    <img ID="imgClearintervals" style="float:left; overflow:visible; cursor:pointer;"

     

     

    src="~/Images/mini_clear.jpg" runat="server" onclick="javascript:IntervalsClearAll();" alt="X"/>

     

     

    </HeaderTemplate>

     

     

    <ItemTemplate>

     

     

    <asp:CheckBox runat="server" ID="checkBox" onclick="clickOnIntervalCheck(event);" Text='<%# DataBinder.Eval(Container, "Text") %>' />

     

     

    </ItemTemplate>

     

     

    <CollapseAnimation Duration="200" Type="OutQuint" />

     

     

    </telerik:RadComboBox>

     

     

    </asp:Panel>

     

     

     

    <span style="margin-left:10px">

     

     

    <asp:Button ID="btnShow" runat="server" Text="Go" onclick="btnShow_Click" CssClass="GreenButton" />

     

     

    <asp:Button ID="buttonPrint" runat="server" Text="Print" Enabled="false"

     

     

    CssClass="GrayButton" OnClientClick="showPrintPreviewWindow()" />

     

     

    </span>

     

     

     

    <br clear="all" />

     

     

    <asp:Label runat="server" ID="lblError" Text="" CssClass="ErrorMessage"></asp:Label>

     

     

    <br clear="all" />

     

     

     

    <asp:Panel id="PanelGraphicContainer" style="width:100%;" runat="server">

     

     

    <asp:Panel ID="PanelGraphicContent" runat="server" style="min-height:300px;">

     

     

    <div style="position: absolute;" id="divInstances" runat="server"><%-- height: 250px; width:120px --%>

     

     

    <div id="divInstanceChart" runat="server" visible="false">

     

     

    <img ID="tbimage" alt="Show/Hide Instances" src="~/Images/in_green.jpg" runat="server" style="overflow: visible; padding-left:-10px; text-align:right;float:left;" onmouseover="javascript:InitializeAnimation();" />

     

     

    <div id="slidingDiv" style="visibility: hidden; float:left;display: block;margin-left:3px;">

     

     

    <telerik:RadPanelBar runat="server" ID="RadPanelBar1" Skin="Default" Height="290px"

     

     

    ExpandMode="FullExpandedItem" PersistStateInCookie="true" >

     

     

    <Items>

     

     

    <telerik:RadPanelItem runat="server" Value="PanelItem1" >

     

     

    <ItemTemplate>

     

     

    <table width="100%">

     

     

    <tr style="width:100%;">

     

     

    <td style="text-align:right;width:100%;">

     

     

    <img ID="tbimageDetail" style="overflow: visible; cursor: pointer;" src="~/Images/Detail.jpg" runat="server" />

     

     

    </td>

     

     

    </tr>

     

     

    </table>

     

     

    <telerik:RadGrid ID="rgInstanceSelector" AllowMultiRowSelection="true"

     

     

    AllowSorting="False"

     

     

    AutoGenerateColumns="False"

     

     

    Skin="Default"

     

     

    runat="server" Width="98%" Height="225px">

     

     

    <ClientSettings>

     

     

    <Selecting AllowRowSelect="true"/>

     

     

    <ClientEvents OnGridCreated="GetGridObject" OnRowSelected="GetRowSelected" OnRowDeselected="GetRowSelected"></ClientEvents>

     

     

    <Scrolling UseStaticHeaders="true" AllowScroll="true" />

     

     

    </ClientSettings>

     

     

    <MasterTableView Width="98%" runat="server" ItemStyle-BackColor="#dfedd2">

     

     

    <Columns>

     

     

    <telerik:GridClientSelectColumn ItemStyle-Height="18px" UniqueName="CheckboxSelectColumn" HeaderStyle-Width="25px" HeaderButtonType="TextButton" HeaderText="" />

     

     

    <telerik:GridBoundColumn ItemStyle-Height="18px" HeaderText="Process Instances" HeaderStyle-Width="200px" DataField="Item"></telerik:GridBoundColumn>

     

     

    </Columns>

     

     

    <ItemStyle BackColor="#dfedd2" CssClass="rmRadGridText"/>

     

     

    <AlternatingItemStyle BackColor="#F7F7F7" CssClass="rmRadGridText"/>

     

     

    </MasterTableView>

     

     

     

    </telerik:RadGrid>

     

     

    <table>

     

     

    <tr>

     

     

    <td style="text-align:left;">

     

     

    <img ID="imgSelect" style="overflow: visible;cursor: pointer;" src="~/Images/select.jpg" runat="server" />

     

     

    </td>

     

     

    <td style="text-align:right;">

     

     

    <img ID="imgClear" style="overflow: visible; cursor: pointer;" src="~/Images/clear.jpg" runat="server" onclick="javascript:Clear();" />

     

     

    </td>

     

     

    </tr>

     

     

    </table>

     

     

    </ItemTemplate>

     

     

    </telerik:RadPanelItem>

     

     

    </Items>

     

     

    </telerik:RadPanelBar>

     

     

    </div>

     

     

    </div>

     

     

    </div>

     

     

     

    <telerik:RadMultiPage ID="RadMultiPage" runat="server" >

     

     

    <telerik:RadPageView ID="RadPageViewGraphic" runat="server">

     

     

    <div ID="divGraphic" runat="server" style="width:100%;"></div>

     

     

    </telerik:RadPageView>

     

     

    <telerik:RadPageView ID="RadPageViewTable" runat="server">

     

     

    <Widget:ChartTable ID="ChartTableWidget" runat="server" />

     

     

    </telerik:RadPageView>

     

     

    <telerik:RadPageView Selected="true" ID="RadPageViewDefault" runat="server">

     

     

    <div style="height:350px"></div>

     

     

    </telerik:RadPageView>

     

     

    </telerik:RadMultiPage>

     

     

    </asp:Panel>

     

     

    <div style="margin-top:20px;">

     

     

    <UserControl:UserControlPIMode ID="UserControlPIModeChart" runat="Server" />

     

     

    </div>

     

    <%

    -- Properties --%>

     

     

    <asp:Button ID="ButtonApplySelectedCPU" runat="server" style="display:none" OnClick="ButtonApplySelectedCPU_Click" />

     

     

    <asp:HiddenField ID="HiddenFieldSelectedCPU" runat="server" />

     

     

    <asp:HiddenField ID="hiddenFieldTimeframeValue" runat="server" />

     

     

    <asp:HiddenField ID="hiddenFieldPFlagType" runat="server" />

     

     

    <asp:HiddenField ID="hiddenFieldTimeframeMode" runat="server" />

     

    <%

    -- Attention: they must be inside of the Update Panel or they will not be updated --%>

     

     

    </asp:Panel>

     

     

    <br style="clear:both;display:none"/>

     

    </

     

    div>

    >)

    The bold part of the code is the combobox that creating the problem.

    Please anybody knows the solution, let me know as soon as possible.

    Thanks in advance.

    Regards,
    Vipul

     

  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 28 Jun 2010 Link to this post

    Hello,

    From your code, I cannot see that you set AutoPostBack property for RadComboBox. You need to set the AutoPostBack property of RadComboBox to True in order to fire SelectedIndexChanged event.

    -Shinu.
  3. vipul saini
    vipul saini avatar
    11 posts
    Member since:
    Mar 2010

    Posted 28 Jun 2010 Link to this post

    Hi Shinu,

    First of all thanks for your instant reply.

    I tried by setting autopostback property to true. But issue is not solved.

    Its working fine in all the other cases without setting the autopostback to true.

    Regards,
    Vipul
  4. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 01 Jul 2010 Link to this post

    Hi,

    When RadComboBox has RadTreeView as template, it actually has only one item - the templated RadTreeView. That is why the SelectedIndexChanged event of RadComboBox will not be fired.
    You should subscribe to some server-side event of RadTreeView - NodeClick for example.

    Regards,
    Helen
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  5. vipul saini
    vipul saini avatar
    11 posts
    Member since:
    Mar 2010

    Posted 02 Jul 2010 Link to this post

    Hi All,

    Thanks for your support and coordination.

    Finally the problem has been solved. The problem was in the id of user control on which i had combobox. ID contains ":" and its a special character that is not supported in control id.

    You guys can go through the following link for more information on special characters that are not supported in control id ....

    http://bytes.com/topic/asp-net/answers/304297-invalid-characters-id-web-control-property

    Thanks & Regards,
    Vipul
Back to Top