无法选中和取消选中radcombox中的复选框

时间:2015-12-11 07:25:50

标签: c# jquery asp.net telerik radcombobox

我正在使用 telerik Radcombobox ,而 radcombobox 我正在使用这样的复选框:

但我无法检查和取消选中radcombox内的复选框。

<telerik:RadComboBox ID="rad1" runat="server" Width="200" Font-Names="Arial" DropDownWidth="460"
        AutoPostBack="true" EmptyMessage="Select Action Type(s)" EnableScreenBoundaryDetection="false" OffsetX="-0">
            <HeaderTemplate>
                  <div class="header">
                             <asp:CheckBox ID="selectAll" CssClass="All" runat="server" Text="Select All" />
                    </div>

                   ---------Section 1 -----------
     <ul>
    <div id="section1" class="section">
                 <li class="carousel-border">
                       <asp:CheckBox ID="chkParent1" CssClass="section1parent" runat="server" Text="Check All" /> --Parent of below 2 checkboxes
                  </li>
                   <li>
                        <asp:CheckBox ID="chkchild1" CssClass="section1child" runat="server" Text="Child 1" />
                    </li>
                      <li>
                           <asp:CheckBox ID="chkchild2" CssClass="section1child" runat="server" Text="Child 2" />
                      </li>                                
           </div>

---------Section 2 -----------
    <div id="section2" class="section">
                 <li class="carousel-border">
                       <asp:CheckBox ID="chkParent2" runat="server" Text="Check all" /> --Parent of below 2 checkboxes
                  </li>
                   <li>
                        <asp:CheckBox ID="chkchild3" runat="server" Text="Child 3" />
                    </li>
                      <li>
                           <asp:CheckBox ID="chkchild4" runat="server" Text="Child 4" />
                      </li>                                
           </div>
           </ul>

             </HeaderTemplate>
  </telerik:RadComboBox>

--This is for section 1----
 This is on check of section1 CheckAll 


 $("#section1 .section1parent").change(function () {
                    $(this).closest('.section').find(':checkbox').prop('checked', this.checked);
                });

但我的两个复选框,即 chkchild1 chkchild2 未被检查。

我猜原因可能是find功能无法找到复选框,因为复选框位于radcombox下。

任何人都可以告诉我为什么会发生这种情况并为此解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

您可以通过将CheckBox的{​​{1}}属性设置为“RadComboBox”而不是使用CheckBoxes来启用true模式。您也可以分别处理HeaderTemplateOnClientItemChecking中的事件。

有关更多信息,请参阅以下文档。 http://docs.telerik.com/devtools/aspnet-ajax/controls/combobox/functionality/checkbox-support