0

jQuery tokeninput を使用して、テキスト領域を事前設定しています。テキスト領域に事前入力するための JSON の配列があります。テキスト領域は正しく入力<li>されていますが、このプラグインによって作成された を見ると、各エントリの名前だけが含まれています。

各エントリに関する残りの情報を取得するにはどうすればよいですか? 私の場合、説明、注文などです。これらすべてのエントリをデータベースに挿入する必要があるため、必要です。

私のjQueryは

<script type="text/javascript">
    $(document).ready(function() {
        $("#text-area").tokenInput("", {
            theme: "facebook",
            prePopulate: [
                          {"id":"04d0d4b2-ac25-11e1-96a5-9787dec335c2","name":"Group 1","description":"Description of Patent Group 1","order":56250000,"is_deleted":false},
                          {"id":"9d4f6e5c-dd73-11e1-bed3-fbfe082dc‌​761","name":"Group 3","description":"Description of Patent Group 3","order":70312500,"is_deleted":false},
                          {"id":"06d0d4b2-ac25-11e1-96a5-9787dec33‌​5c2","name":"Group 2","description":"Description of Patent Group 2","order":84375000,"is_deleted":false}
                         ]
        });
    });
</script>
4

2 に答える 2

2

tokenFormatter次のオプションを使用する必要があります。

トークンごとに補間された HTML 文字列を返す関数。jresig microtemplates や mustache.js など、選択したテンプレート システムでこの関数を使用します。画像または複数行の書式設定されたトークンを含める場合に使用します。アバター トークンを返す Quora の人々の招待トークン フィールドは、このオプションで何ができるかを示す良い例です。

デフォルト: function(item){ return “&lt;li><p>” + item.propertyToSearch + “&lt;/p></li>” } (デモ)。

このような：

$(document).ready(function() {
    $("#text-area").tokenInput("", {
        theme: "facebook",
        prePopulate: [
                      {"id":"04d0d4b2-ac25-11e1-96a5-9787dec335c2","name":"Group 1","description":"Description of Patent Group 1","order":56250000,"is_deleted":false},
                      {"id":"9d4f6e5c-dd73-11e1-bed3-fbfe082dc‌​761","name":"Group 3","description":"Description of Patent Group 3","order":70312500,"is_deleted":false},
                      {"id":"06d0d4b2-ac25-11e1-96a5-9787dec33‌​5c2","name":"Group 2","description":"Description of Patent Group 2","order":84375000,"is_deleted":false}
                     ],
        resultsFormatter: function(item){ return "<li>" + "<img src='" + item.url + "' title='" + item.name + "' height='25px' width='25px' />" + "<div style='display: inline-block; padding-left: 10px;'><div class='full_name'>" + item.description + " " + item.order + "</div><div class='email'>" + item.is_deleted + "</div></div></li>" },
        tokenFormatter: function(item) { return "<li><p>" + item.name + " <b style='color: red'>" + item.description + "</b></p></li>" },
    });
});
于 2012-08-23T12:43:21.370 に答える
2

onAdd、onDelete 関数を使用して、選択したアイテムの説明、注文を変数に格納できます。

onAdd:function(item)
{
    alert(item.description);
    alert(item.order);
    //push into array
}
onDelete:function(item)
{
    //remove from array
}
于 2013-08-26T13:01:52.093 に答える