tokeninput jquery plugin - preventDuplicates không hoạt động

Question

Tôi đang sử dụng plugin jquery Tokeninput. Tôi cần phải ngăn chặn người dùng từ nhập các giá trị trùng lặp, mã Js như sau:

$(document).ready(function() { 
    // Configure Tags 
    $('#Tags').tokenInput(tagSource(), 
    { 
     prePopulate: selectedTags(), 
     theme: "facebook", 
     propertyToSearch: "Code", 
     preventDuplicates: true 
    }); 

    function tagSource() { 
     var data = []; 
     @if (Model.SourceTags != null && Model.SourceTags.Count() > 0) { 
      <text> 
       data = @(Html.Raw(Model.SourceTags)); 
      </text> 
     } 
     return data; 
    } 

    function selectedTags() { 
     var selectedData = []; 
     @if (Model.SelectedTags != null && Model.SelectedTags.Count() > 0) { 
      <text> 
       selectedData = @(Html.Raw(Model.SelectedTags)); 
      </text> 
     } 
     return selectedData; 
    } 
}); 

Khi tôi chọn mục tương tự một lần nữa, mục hiện có trong lĩnh vực đầu vào được đánh dấu và không có gì được thêm vào.

Ngoài ra, khi tôi chọn một mục khác, mục đầu tiên được đánh dấu và không có gì được thêm vào.

Bất kỳ ý tưởng nào?

Cảm ơn

Answer 1

Trong trường hợp bạn vẫn gặp sự cố này, tôi nghĩ tôi có thể biết điều gì đang xảy ra. TokenInput giả định rằng thuộc tính "id" của đối tượng dữ liệu của bạn được viết chính xác là "id" (lưu ý chữ thường). Nếu thuộc tính id của bạn được đánh vần bất kỳ cách nào khác, thì những gì bạn mô tả sẽ xảy ra. Để bạn tham khảo, điều này xảy ra trong hàm add_token (dòng 495 trong tệp js trong v1.6.0 tokeninput.js).

Answer 2

cách tốt nhất là giới hạn danh sách tìm kiếm thả xuống. bằng cách xóa các mục đã chọn trong trường văn bản.

"SELECT id, title from job_categories WHERE id NOT IN (".$member->category_id.") AND title LIKE '%%%".$this->input->get('q')."%%' ORDER BY id DESC LIMIT 10" 

truy vấn này sẽ loại bỏ các giá trị prepopulate từ danh sách được lựa chọn một lần nữa