tokeninput显示所有数据而不是过滤

时间:2013-10-04 02:27:45

标签: jquery jquery-tokeninput

我有一个jquery-tokeninput用于选择应用中的成员。输入时的下拉列表显示所有数据而不是过滤。有趣的是它以粗体显示它应该过滤的内容。

JSON:

[{"name": "Bill Bailey", "id": 2}, {"name": "Will Pimblett", "id": 3}, {"name": "Frank Surname", "id": 4}, {"name": "Mary Smith", "id": 5}, {"name": "Will Pimblett", "id": 6}]

HTML:

<div class="token-input-container">
<form action="." method="GET">
<div class="input-append">
    <input type="text" id="token-input" name="names"/>
    <button type="submit" class="btn token-input-submit">Select</button>
    <script type="text/javascript">
    $(document).ready(function () {
        $("#token-input").tokenInput("/members/api/tokeninput-data", {resultsLimit:2,theme:'facebook',hintText:'Type in part of a members name...'});
    });
    </script>
</div>
</form>
</div>

对于蓝色屏幕截图道歉,这是我唯一能做到的事情

A rather blue screenshot, had to have firebug running to get the picture

1 个答案:

答案 0 :(得分:1)

当您使用外部URL生成JSON数组时,您必须自己执行搜索逻辑,并仅返回与键入的查询相关的JSON项目选择。 (这是为了让你搜索数据库和什么!)

默认情况下,您的查询(输入的数据)位于服务器端脚本的$_GET['q']中。