我正在使用 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下。
任何人都可以告诉我为什么会发生这种情况并为此解决这个问题吗?
答案 0 :(得分:0)
您可以通过将CheckBox
的{{1}}属性设置为“RadComboBox
”而不是使用CheckBoxes
来启用true
模式。您也可以分别处理HeaderTemplate
和OnClientItemChecking
中的事件。
有关更多信息,请参阅以下文档。 http://docs.telerik.com/devtools/aspnet-ajax/controls/combobox/functionality/checkbox-support