RadCombobox selectedindexchanged not firing

[vipul saini]

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

 

[Shinu]

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.

[vipul saini]

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

[Helen]

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

[vipul saini]

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