This is a migrated thread and some comments may be shown as answers.

Rad Combo Box With Multiple Check box is not Working in Chrome Browser

4 Answers 142 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
pradeep
Top achievements
Rank 1
pradeep asked on 06 Sep 2011, 12:33 PM
Please check this Code. This Code is not Working in Chrome Browser but it is working perfectly in IE and Mozilla.

It is very-2 Urgent. Please help me.
       <script type="text/javascript">
        function stopPropagation(e)
  {
   e.cancelBubble = true;
   if (e.stopPropagation)
    {
  e.stopPropagation();
    }
   }
function OnClientSelectedIndexChanging(item) 
    { 
      return false; 
    }
    </script>
<telerik:RadComboBox runat="server" ID="rdcbSize" Width="300px" HighlightTemplatedItems="true">
  <Items>
    <telerik:RadComboBoxItem Value="0" Text="Select..." />
    <telerik:RadComboBoxItem Value="1" Text="Small" />
    <telerik:RadComboBoxItem Value="2" Text="Medium" />
    <telerik:RadComboBoxItem Value="3" Text="Large" />
  </Items>
 <ItemTemplate>
 <asp:CheckBox runat="server" ID="CheckBox" onclick="stopPropagation(event);" Text=""/> <%# DataBinder.Eval(Container, "Text") %>
 </ItemTemplate>
</telerik:RadComboBox> 

4 Answers, 1 is accepted

Sort by
0
Kevin
Top achievements
Rank 2
answered on 06 Sep 2011, 01:22 PM
Hello pradeep,

If you look at the demo, they wrap the checkbox inside of a div with the onclick="stopPropagation(event)", so that clicking anywhere outside of the checkbox would stop the click event from bubbling to the RadComboBox.

Have you tried it that way and seeing if it works?
0
pradeep
Top achievements
Rank 1
answered on 06 Sep 2011, 01:30 PM
This Code Is not Working in Chrome Browser Only. Please check It and Reply me

Hello Kevin

We have checked and Found that  it is not working as u suggested. It is working only IE and Mozilla not Chrome Browser.

Please help me.

       <telerik:RadComboBox ID="rcSourceLanguage" DataSourceID="SqlDatarcSourceLanguage" DataTextField="C601A" DataValueField="T601_ID" HighlightTemplatedItems="true" runat="server">
                  <ItemTemplate>
                  <div onclick="StopPropagation(event);" class="combo-item-template">
                                <asp:CheckBox runat="server" ID="chk1" Checked="false" onclick="onCheckBoxClickClassificationDPD(this)"/>
                                <asp:Label runat="server" ID="Label1" Text='<%#Eval("C601A") %>' AssociatedControlID="chk1">
                                </asp:Label>
                            </div>
                  </ItemTemplate>
                  </telerik:RadComboBox>
                  <asp:SqlDataSource ID="SqlDatarcSourceLanguage" runat="server" ConnectionString="<%$ ConnectionStrings:conStr %>"
            SelectCommand="SELECT T601_ID, C601A FROM [T601_Reg_Hazards_Identification]" /> 


This Code Is not Working in Chrome Browser Only. Please check It and Reply me
0
pradeep
Top achievements
Rank 1
answered on 06 Sep 2011, 02:50 PM
Please help me any Telerik Member
0
Ivana
Telerik team
answered on 07 Sep 2011, 04:54 PM
Hi Pradeep,

I have tested your code and everything works fine in IE9, Firefox, Google Chrome and Safari.
Could you please provide more information of what exactly is not working?

Greetings,
Ivana
the Telerik team

Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

Tags
ComboBox
Asked by
pradeep
Top achievements
Rank 1
Answers by
Kevin
Top achievements
Rank 2
pradeep
Top achievements
Rank 1
Ivana
Telerik team
Share this question
or