Rails 中的动态自动完成，使用 jQuery TokenInput 插件

Question

我正在使用很棒的 TokenInput 插件 (http://loopj.com/jquery-tokeninput/)对于 Rails 来说，它可以进行一些自动补全，并且对于模型中的一组普通数据来说，它的工作效果非常好。但我的问题是，就我而言，我实际上有两个文本框我想使用它，第二个文本框的建议应该取决于第一个文本框的内容。 更具体地说：我需要选择一个足球俱乐部（我可以从数据库中的所有现有俱乐部中自动完成），然后选择参加比赛的球队。因此，团队的自动补全应该只使用与已选择的俱乐部相关的团队，我完全不知道如何或即使我可以在 Rails 和这个插件中做到这一点（但插件本身不应该真正成为障碍） ）。 我想我的主要问题是缺乏 javascript 的经验，尤其是与 Rails 结合的经验。 有人在他/她的申请中做了类似的事情并且可以帮助我吗？

Answer 1

您的问题可能有许多不同的边缘情况。看一下 tokenInput 方法“onResult”。

也许您可以从第一个输入字段（input-1）获取当前值，并根据 input-1 评估 input-2 返回的 json 并过滤掉您不想要的值。
您显然必须在 Rails 创建的 json 数组中包含用于过滤所需的 id 元素。

<script type="text/javascript">
        $(document).ready(function() {
            $("#input-1").tokenInput("http://railsapp.com/your/search/action");

            $("#input-2").tokenInput("http://railsapp.com/your/search/action", {
                onResult: function (results) {
                    var input-1 = $("#input-1").val();
                    $.each(results, function (index, value) {
                        // some JS to keep only results which match input-1 values
                    });

                    return results;
                }
            });
        });
        </script>

免责声明：这只是一个想法。

希望这有帮助。

Answer 2

感谢您的回答。我知道，我需要使用 onResult 回调，但想错了方向。所以你的回答实际上帮助我找到了正确的方法。我让它以我需要的 95% 的方式工作，用这一点代码来丢弃任何不需要的结果：

if (value.club_id != verein1){
                        results.splice(index,1)     
                    }

但问题是，不幸的是我不得不发现， onResult 回调仅在新搜索时调用。 TokenInput 插件缓存搜索/结果以减少服务器负载。因此，当我在第二个框中输入第一个字符时，它会触发搜索，调用 onResult 并且我的结果会被正确过滤。所以一切看起来都很好。但是，如果我删除第一个字符并再次输入，则插件将使用缓存的结果，并且 onResult 不会被调用，并且结果将显示为未过滤。这意味着，如果我在第一个框中输入俱乐部，然后在第二个框中搜索团队，所有内容都会被正确过滤。但是，如果我随后决定删除俱乐部并输入另一个俱乐部（例如，因为我选择了错误的俱乐部），则团队的结果将不再被正确过滤，因为每次搜索字符串出现两次时，插件都会抛出缓存的搜索结果。
顺便说一句：缓存的结果是原始的、未经过滤的结果，而不是通过我之前的过滤得到的结果数组。

现在我不确定这是否是一个错误，或者是否有意如此，并且我更改插件源代码的努力也没有取得任何成功。