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

5 posts, 0 answers
  1. pradeep
    pradeep avatar
    6 posts
    Member since:
    Jun 2011

    Posted 06 Sep 2011 Link to this post

    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> 
  2. Kevin
    Kevin avatar
    360 posts
    Member since:
    Jul 2012

    Posted 06 Sep 2011 Link to this post

    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?
  3. pradeep
    pradeep avatar
    6 posts
    Member since:
    Jun 2011

    Posted 06 Sep 2011 Link to this post

    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
  4. pradeep
    pradeep avatar
    6 posts
    Member since:
    Jun 2011

    Posted 06 Sep 2011 Link to this post

    Please help me any Telerik Member
  5. Ivana
    Admin
    Ivana avatar
    657 posts

    Posted 07 Sep 2011 Link to this post

    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 >>

Back to Top