javascript - 我有一个 **Rad 组合框**，其中有两个分隔符。如何仅从分隔符中删除复选框？-6ren

javascript - 我有一个 Rad 组合框，其中有两个分隔符。如何仅从分隔符中删除复选框？

转载作者：行者123 更新时间：2023-11-27 23:28:43

<telerik:RadComboBox ID="RadComboBoxSites" runat="server"
     CheckBoxes="true" EnableCheckAllItemsCheckBox="true" 
     DataTextField="SiteName" DataValueField="SiteUid" 
     AppendDataBoundItems="true" OnItemDataBound= "RadComboBoxSites_ItemDataBound" 
     EmptyMessage="Please Select a site..." MaxHeight="192px"></telerik:RadComboBox>

我有一个 RadComboBox，其中有两个分隔符。如何仅从分隔符中删除复选框？

最佳答案

您可以通过将以下 JavaScript 添加到页面来删除 separator 项中的复选框。您的网页中必须包含 jquery 才能正常工作。

删除分隔项中的复选框

<script type="text/javascript">

      function pageLoad() {
             $(".rcbItem.rcbSeparator :checkbox").remove();
      }

</script>

此外，我建议您适当设置分隔符项目的样式，使它们看起来与常规项目不同。您可以使用如下所示的内容来实现此目的。

分隔项的样式

   <head>
    <style>
    .rcbSeparator
     {
         color: red !important;
         margin-left:10px !important;
     }
    </style>
   </head>

更新1

如果您想避免检查分隔符项，请将 OnClientItemChecking 的客户端事件处理程序附加到 radomboBox，如下面的标记所示。将事件处理程序脚本也添加到您的页面。

订阅 OnClientItemChecking 事件的标记

 <telerik:RadComboBox ID="RadComboBox2" runat="server" Width="300px" Skin="Metro" 
    MaxHeight="400px" CheckBoxes="true" OnClientItemChecking="OnClientItemChecking" 
    EnableCheckAllItemsCheckBox="true" ></telerik:RadComboBox>

单击分隔符项时阻止检查计数增加的 JavaScript

<script type="text/javascript">
          function OnClientItemChecking(sender, args) {
                if (args.get_item().get_isSeparator() === true) {
                    args.set_cancel(true);
                }
            }
</script>

关于javascript - 我有一个 **Rad 组合框**，其中有两个分隔符。如何仅从分隔符中删除复选框？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34745548/