3

Railsでは、jQueryトークン入力はカスタム入力を許可していません。

トークン入力の1.6.0バージョンをダウンロードしましたが、カスタムエントリを入力できません。テキストボックスにテキストを入力してカーソルを取り出すとすぐに、テキストが消えます。オートコンプリートリストから選択する必要があるのは私だけです。

例：-以下の種類のスクリプト関数を使用している場合、解決策は何ですか？

<pre>
<script type="text/javascript">
tokenInput("SOME_ID", "/token_input/name");

function tokenInput(text_box_id, url){
    jQuery("#" + text_box_id).tokenInput(url, {
      allowCustomEntry: true,
      preventDuplicates: true,
      theme: "facebook",
    });
  }
</script>
</pre>

これに対する解決策を教えてください。トークン入力でカスタムエントリが許可されるはずです。

4

2 に答える 2

1

それは私にとって魅力として働いています。

データベースを格納するカスタム エントリが必要で、自動インクリメント ID がこのトークンの値になります。

これを次のように修正しました。トリックがあります。トークンを追加すると、リクエストがサーバーに送られ、データベースに新しいトークンが追加され、その新しい挿入IDがクライアント側に送られ、追加されたトークンの値として設定されます。

github から無料のタグ付け機能を許可するプラグインを入手してください。

<input type="text" name="w_i_tk" id="w_i_tk">

<script>
$(document).ready(function() {.

    $("#w_i_tk").tokenInput("token.php", {
        theme: "facebook",
        hintText: "Type tag by which other can search, e.g. PHP, MySql etc.",
        preventDuplicates: true,
        tokenLimit: 5,
        minChars: 2,
        onAdd: function (item) {
            if(item.id=="0") {
                $.ajax({
                    type:"GET",
                    url:"token.php",
                    data:{action:"newtoken",name:item.name},
                    success: function(resp) {
                        $("#w_i_tk").tokenInput("remove", {name: item.name});
                        $("#w_i_tk").tokenInput("add", {id: resp, name: item.name});    
                    }
                });

            }

        },
        animateDropdown: false,
        allowFreeTagging: true
    });
});
</script>

token.php

<?php
if(isset($_GET["q"])) {
    $q = trim($_GET["q"]);
    $isSearchItemExists = false;
    $sql = sprintf("SELECT token_id, token from tokens WHERE token LIKE '%%%s%%' ORDER BY popularity DESC LIMIT 10", mysql_real_escape_string($q));
    $rec = mysql_query($sql);

    $arr = array();
    while($row = mysql_fetch_array($rec)) {
        $obj = new stdClass();
        $obj->id = $row["token_id"];
        $obj->name = $row["token"];
        if($obj->name==$q) {
            $isSearchItemExists = true; 
        }
        $arr[] = $obj;
    }
    if(!$isSearchItemExists) $arr = array_merge(getNewToken($q),$arr);

    $json_response = json_encode($arr);


    echo $json_response;

} else if(isset($_GET["action"]) && $_GET["action"]=="newtoken") {

    $token = strtolower($_REQUEST["name"]);
    $sql = "SELECT * FROM tokens WHERE token='$token'";
    $rec = mysql_query($sql);
    $numRows = mysql_num_rows($rec);
    if($numRows>0) {
        $row = mysql_fetch_array($rec);
        $id = $row["token_id"]; 
    } else {
        $sql = "INSERT INTO tokens SET token='$token'";
        $rec = mysql_query($sql);
        $id = mysql_insert_id();    
    }
    echo $id;
    exit;
}

function getNewToken($q) {

    $sql = "SELECT max(token_id) as token_id FROM tokens";
    $rec = mysql_query($sql);
    $row = mysql_fetch_array($rec);
    $maxToken = $row["token_id"];
    $newToken = $maxToken + 1;

    $newItem = array();
    $new = new stdClass();
    $new->id = "0";
    $new->name = $q;
    $newItem[] = $new;

    return $newItem;    
}
?>
于 2013-11-27T04:19:55.830 に答える
0

これは Tokeninput マスター ブランチですぐに修正されるはずですが、それまでの間、このブランチを独自のフォークにマージすると、これが修正されるはずです。

于 2012-12-26T17:19:53.400 に答える