Jquery picklist删除项目

Question

我在我的web应用程序中使用jquery picklist。我需要不时地刷新它的内容，每次我这样做时，列表中的所有项目都是重复的。

我使用的代码是这样的:

addAssetsToModal = function(assets){
        $("#pckAssets").empty();
        assets.each(function(asset){
            $("#pckAssets").pickList("insert",
                {
                    value: asset._id._oid,
                    label: asset.name,
                    selected: isAssetOnDashboard(asset._id._oid)
                });
        });
    },

在添加项目之前，我想删除所有现有的项目。

我的尝试:

$("#pckAssets").empty(); //doesn't work
$('#pckAssets option').remove();  //doesn't work

谢谢。

Answer 1

我在wiki中找不到清除元素的任何方法。

考虑这个插件从一个select开始，但是为源列表和目标列表呈现两个不同的ul-li。所以如果你清除选择对象你会清除选择，但不会清除已经呈现的ul-li的

我认为有两种方法:

1. destroy and reinit:您可以销毁和重建控件;这些名单将结果被清除(小部件必须实现destroy方法，它确实实现了)
2. 清除列表:使用jQuery清除两个ul-li:

第一种方式(我更喜欢这种方式):

$("#basic").pickList("destroy");
$("#basic").pickList();

第二种方法(有点粗糙):

$('.pickList_sourceList li').remove();
$('.pickList_targetList li').remove();

下面是两种方法的工作方式:http://jsfiddle.net/IrvinDominin/GVKFB/