问题标签 [bootstrap-tokenfield]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - Twitter 引导令牌字段取消 .on('beforeCreateToken')
Twitter 引导令牌字段
如果检测到无效输入,有没有办法取消在 .on('beforeCreateToken') 内创建令牌?
twitter-bootstrap - Twitter 引导令牌字段
我无法获得创建令牌或设置令牌以发挥作用。我使用以下内容:
但它不起作用。有没有新的方法可以做到这一点或有什么问题?
html:
jquery - 下拉框的引导标记字段的宽度不能放入不可见的 div
我在我的网站上使用了Bootstrap Token Field 。它在我的网页上完美运行。但是,当我将该令牌字段放入任何隐藏的 div 时,问题就发生了。我的意思是,想象有一个隐藏的 div( display: none;
) 在那个不可见的 div 里面,我已经把令牌归档盒。单击按钮后,隐藏的 div 将可见。那时,如果我注意到令牌字段框的下拉框/自动完成建议框,我会看到该下拉框的宽度无法获得完整的宽度,而在默认状态下它是完美的。我给你看一张图,让你看得更清楚。
这是令牌字段的正常情况:
如果它停留在一个不可见的 div 中,这就是条件。看,根据输入框,下拉框的宽度不是 100%:
这是我的小提琴链接:http: //jsfiddle.net/qV2E2/
单击“显示”链接,使不可见的 div 可见
我不明白为什么会这样!如何使下拉框的宽度类似于输入字段的宽度?
typeahead.js - Bootstrap Tokenfield 与 Typeahead / Bloodhound 排除令牌
我正在使用带有 typeahead/bloodhound 的 bootstrap-tokenfield。
我可以防止相同的标记在标记字段中被使用两次,但相同的标记仍然出现在预先输入的响应中。如何排除令牌字段中已经存在的令牌?
knockout.js - 在自定义绑定中添加新标签
我正在使用带有bootstrap-tokenfield和typeahead的淘汰赛来显示标签。以前我需要一种方法来以一种很好的方式显示我的标签,因此我创建了一个自定义绑定。当标签列表没有变化并且只有选定的标签发生变化时,它的效果非常好。
所以一个真正简化的例子看起来像这样。如您所见,您可以键入各种标签(tag1
, tag2
, ..., tag5
),并且 observable 正在发生变化。所以我的自定义绑定在这种情况下有效。
这里是:
但问题是我需要添加额外的标签:tag6
如果我只是这样做
它不起作用(这对我来说并不奇怪,我知道它为什么不起作用)。这样做的正确方法是什么。
附言
如果您认为我的绑定很糟糕,我同意您的看法,并且很乐意听到如何改进它。
如果您需要说明绑定是如何工作的,我很乐意提供。
拥有的想法
tags1, tags1List, tags1Inverted
是能够通过 id 或名称快速找到合适的标签(我有 500 个)。如果你想改变很多事情,欢迎你
javascript - Bootstrap 令牌输入不接受在模式对话框上输入文本
我有一个弹出对话框,稍后我添加了一个由 bootstrap js 标记的 div。
我面临一个主要问题。当我制作对话框模式时,由于某种原因,我无法弄清楚为什么以及在哪里丢失了键入的文本,尽管 keydown 和 keyup 事件已成功注册。基本上,您无法键入并查看您在 .token-input 上键入的内容。
当我使对话框非模态时,相同的功能工作得很好,但是我需要这个对话框模态。
过去是否有人遇到过这样的问题?
我会很高兴任何可能的指示。
谢谢!
zurb-foundation - Zurb Foundation 5 有 token 字段吗?
我正在寻找与 Foundation 5 项目一起使用的令牌字段(或令牌输入)。我在他们的网站上没有找到任何东西。
Bootstrap 有一个,例如:http ://sliptree.github.io/bootstrap-tokenfield/
还有 jQuery: http: //loopj.com/jquery-tokeninput/
我在某处有基础插件吗?
javascript - Bootstrap 3 中的 Tokenfield(标签输入)自动完成功能不起作用
我正在尝试使用 Tokenfield 在 Bootstrap 3 中实现一个简单的标签输入,但我已经堆叠在某个地方。
HTML 代码:
Javascript:
错误:它不显示自动完成。我在控制台中没有任何错误。我可以手动添加标签。
meteor - Use Meteor collections for Typeahead Bloodhound, preferably without making my own API
I want to build a tags input like the one in StackOverflow. I am trying to use Meteor collections as the remote or prefetch data for Typeahead Bloodhound because I want to eventually use Bootstrap Tokenfield.
According to their documentation and examples, a url to the JSON data is absolutely required. How can I provide the data, preferably reactively, to Bloodhound? I have looked into the Meteor Typeahead package, but I can't figure out how to use it with the Meteor Tokenfield package.
Below is what I've tried to do, but it doesn't work. :(
I prefer not to build an API, but if I have to, how do I provide the data?
json - 令牌字段 json 语法错误引导程序
我的数据库表中有大约 700 个产品列表。
我正在使用引导程序的令牌字段进行自动完成,我必须在搜索文本框中使用自动完成。
我收到语法错误:
SyntaxError: missing ] after element list
...B'、'Lino Perros 男士皮革钱包 - 粉色'、'Lenovo A269i'、'Lenovo S660 - Tita**
在控制台中。
请帮忙!!