2013-06-05 53 views
2

我在我的web應用程序中使用jquery picklist。我需要不時刷新它的內容,並且每次我這樣做時,所有項目都在列表中重複。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 

謝謝。

+0

您需要清除容器或目標列表嗎? –

回答

4

我找不到任何方式尋找wiki清除元素。

請考慮插件從選擇開始,但爲源和目標列表呈現兩個不同的ul-li。 所以,如果你明確你的選擇對象,你會清楚的選擇,但不是已經呈現UL力的

我認爲有兩種方式:

  1. 破壞和重新初始化:您可以銷燬重新控制;該名單將 被清除,這後果(小部件必須實現消滅methos,和它)
  2. 明確列表:清除這兩個上行麗的使用jQuery:

第一種方式(我喜歡此):

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

方式二(有點哈克):

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

這裏是一個工作擺弄兩種方式:http://jsfiddle.net/IrvinDominin/GVKFB/

+0

第一種方法行不通,我得到「摧毀不是功能」的錯誤。我沒有時間檢查它,所以我做了第二種完美的工作方式。謝謝愛德華。 –

+0

@ZelterAdy很高興爲您服務!但第一種方法工作,檢查小提琴:-) –

+0

我也有一個異常'TypeError:對象#有沒有方法'_destroy'',當使用第一種方式,所以我嘗試了第二種方式,然後問題是我因爲調用'$(「#basic」)。pickList();'不會將它加回 –