jQuery Tokeninput在点击时添加输入

时间:2013-02-16 08:14:40

标签: jquery jquery-tokeninput

我使用的是jQuery Tokeninput,效果很好。我让用户从Tokeninput框中选择类别。现在,我需要放一个按钮,打开一个弹出屏幕,它将允许用户向数据库插入一个新类别。用户插入新类别后,弹出窗口将关闭,我希望该新类别作为令牌位于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"

    });
});

我知道如果我在下面添加预填充功能,它会在Load上创建它,但我想在弹出框关闭后调用该函数

<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"

    });
});

请帮忙

1 个答案:

答案 0 :(得分:0)

这听起来像是你可以使用“添加”事件做的事情。

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