如何从客户端清除 rad 列表框项目

Question

我有一个 radlistbox 我想清除 radlistbox 项目。我已经尝试过此代码，但无法正常工作 expected.Can 有人告诉我该怎么做。

谢谢。

 <telerik:RadListBox RenderMode="Lightweight" runat="server" AllowReorder="True" AllowDelete="true" ID="RadListBox1" Height="200px" Width="230px" AutoPostBack="false" ButtonSettings-AreaWidth="35px">
      <ButtonSettings Position="Right" AreaWidth="35px"></ButtonSettings>
 </telerik:RadListBox>

脚本：

function ClearListbox()
{
    var listBox = $find('<%=RadListBox1.ClientID%>');
    listBox.trackChanges();
    listBox.clearSelection();
    listBox.commitChanges();

}

Answer 1

clearSelection 方法只是删除所选项目的突出显示。

您应该使用 get_items().remove 或 removeAt 方法才能成功：

var lb = $find("ctl00_ContentPlaceholder1_RadListBoxSource");
var item = lb.get_selectedItem();
lb.trackChanges();
lb.get_items().remove(item);
lb.commitChanges();

您还需要进行选择才能删除所选项。

查看这篇文章了解更多信息https://docs.telerik.com/devtools/aspnet-ajax/controls/listbox/radlistbox-items/working-at-client-side#removing-items

Answer 2

如果您现在看到这个并且想知道如何使用 javascript 清除 RadListBox 中的 'ALL' 项。有一种清晰的方法很难找到相关信息。代码如下：

var lb = $find("<%= yourListNameHere.ClientID %>");
lb.trackChanges();
lb.get_items().clear();
lb.commitChanges();

如何从客户端清除 rad 列表框项目

How to clear rad listbox items from client side

javascript

telerik