问题标签 [bootstrap-tokenfield]

我正在尝试使用 JSON 实现带有预先输入的引导令牌字段。

我有这两个功能，它们单独工作得很好，但是当我尝试将它们结合起来时，它就不起作用了。

提前输入：

令牌字段

当我必须将两者结合起来时，我会卡住。

Bootstrap-tokenfield 网站http://sliptree.github.io/bootstrap-tokenfield/

这是我的测试代码：

我试图把它放进去，jsfiddle但它扭曲了行为。你可以在这里看到它：http: //jsfiddle.net/kongakong/aadt6xww/7/

首次加载时，它看起来像这样

但是，一旦我触摸文本输入，文本输入就会扩展并占据屏幕的整个宽度（也许更多）。下拉菜单的一部分被推离屏幕，因此选项是不可见的。

代码有什么问题？

我一直想知道如何从 Bootstrap Tokenfield 获取 id。

我已经构建了以下 jsfiddle：http: //goo.gl/MiQajX

目标是让 twitter 预先输入和引导令牌字段一起工作。问题是，当我发布时，提交的值是以逗号分隔的令牌标签列表，而不是令牌的 id 值。

理想的功能是将输入标签值作为 id 字符串发布：即“1,3,7,12”。此外，当页面在输入字段中加载字符串时，tokenfield 将自动填充输入字段（以便可以编辑页面）。

由于这是非常基本的行为，我相信其他用户已经知道了这一点。感谢您提供任何帮助，特别是在弄清楚该代码如何与 DOM 交互的内部机制方面。

我正在使用 引导标记字段来检测我的电子邮件文本框以支持多个电子邮件输入。

用户在电子邮件文本框中输入字母a（图中红色字体）。abc@gmail.com匹配的电子邮件列表显示在选择菜单中（以黑色显示电子邮件的框）

用户单击并选择电子邮件后，不会捕获所选值。a最后我只在电子邮件文本框中收到一封信

我该如何解决这个问题？

这个问题困扰了我好几天，在从 bootstrap-tokenfield 切换到 tag-it 并没有成功解决问题之后，我在这里发帖。我有一个模态编辑表单，允许用户修复他们的标签。当我在编辑表单中显示标签时；但是，我明白了：

我在控制器中有这个设置：

当模型的这个设置不起作用时：def tag_list tag_list = []

任何提示或帮助将不胜感激

这段代码在没有远程查询的情况下工作得很好，当我输入远程查询时它不起作用

这是代码家伙，我可能在哪里出错，理想情况下，我要实现的是一个引导输入，它在 keyup 上查询数据库：

什么是错的家伙？我正在尝试在有人键入时查询数据库。变量中json数据中的所有结果local必须由php返回

我正在使用带有 twitter typeahead 的 tokenfield 进行引导，我能够做到这一点。

http://i.stack.imgur.com/dtFbj.png

我只想显示值。

这是我的 JS：

'bloodhound_tag_data' 是具有 'id' 和 'value' 键的对象列表。

我正在使用引导 Tokenfield 库。我的项目中有一个案例说我可以通过单击而不是键入来编辑令牌，我有添加新药丸的特殊表格。有没有办法禁用输入表单中的输入，但仍然可以通过单击来删除和添加药丸？

我有一个像这个Fiddle这样的小例子。使用自动完成的简单引导令牌输入。

默认情况下，在选择一个标记后，输入仍然会被聚焦，并且如果我将注意力集中在输入字段中，自动完成只会再次自动弹出。

输入令牌后，我希望能够重新打开自动完成选项。

我正在考虑尝试使用该tokenfield:createtoken事件来失去并再次获得输入焦点，但这不会给出自动完成下拉菜单。

另一个想法是尝试使用search函数 autocomplete-ui。

也没有运气。请帮忙！谢谢！JSFiddle 这里