2013-02-16 87 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})