2013-02-16 84 views
1

我使用jQuery Tokeninput並完美地工作。我讓用戶從Tokeninput框中選擇類別。現在,我需要放置一個按鈕,它將打開一個彈出窗口,它將讓用戶向數據庫中插入一個新類別。用戶插入新類別後,彈出窗口將關閉,並且我希望新的類別作爲令牌在Tokeninput框中。jQuery Tokeninput點擊添加輸入

這裏是我的代碼,

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#demo-input-facebook-theme").tokenInput("http://iyihekim.com/MedBulCategory_Service.aspx", { 

     onAdd: function (item) { 
      $.cookie("Kat_" + item.name, item.id); 
     }, 
     onDelete: function (item) { 
      var date = new Date(); 
      date.setTime(date.getTime()); 
      $.cookie("Kat_" + item.name, item.id, { expires: date }); 
     }, 

     theme: "facebook" 

    }); 
}); 

我知道,如果我如下補充預填充功能,它將在負載創建它,但我想調用該函數彈出框後關閉

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#demo-input-facebook-theme").tokenInput("http://iyihekim.com/MedBulCategory_Service.aspx", { 
     // added this*************************** 
     prePopulate: [ 
      {id: 123, name: "Slurms MacKenzie"}, 
      {id: 555, name: "Bob Hoskins"}, 
      { id: 9000, name: "Kriss Akabusi" }], 

     onAdd: function (item) { 
      $.cookie("Kat_" + item.name, item.id); 
     }, 
     onDelete: function (item) { 
      var date = new Date(); 
      date.setTime(date.getTime()); 
      $.cookie("Kat_" + item.name, item.id, { expires: date }); 
     }, 

     theme: "facebook" 

    }); 
}); 

請幫助

回答

0

這聽起來像你可以使用「添加」事件做的事情。

$("#demo-input-facebook-theme").tokenInput("add", {id: x, name: y})