问题标签 [tag-it]

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.

0 投票
1 回答
1207 浏览

javascript - jQuery Tag-It - 使用标签和值对象列表

我尝试了一个很棒的插件(http://aehlke.github.com/tag-it/)。

我有一个像这样的对象列表:

我在我的设置中传递给 tagSource 选项:

我当前的显示列表:
当前列表


我想用一些额外的标签显示我的显示列表: 显示列表

这是我的渲染 html:

有人可以在这里帮助我吗?我将不胜感激!

在此先感谢,古鲁

0 投票
2 回答
1876 浏览

php - Jquery Tagit - 如何将键入的标签传递回 PHP

我正在使用以下 tagit 插件 http://webspirited.com/tagit/

这是我试图测试这个插件的 html 页面的代码片段 - 用户在其中键入标签

现在,当用户单击“提问”按钮时 - 会发生以下 ajax 调用

所以在这个函数中我可以得到标签

遍历它们并打印每个标签的标签和值。

现在,当我尝试通过 $.post 将它传递给我的 PHP 控制器时 - 它不起作用 - 我的意思是如果我在调用 ask-question 函数时删除数据标签:标签它工作正常 - 但是当我添加它时 -好像没有调用该函数一样。

有没有一种特殊的方法可以将此标签对象传递给 PHP ?

编辑在 Chrome 开发人员工具中 - 当我提交表单同时保留标签:数据中的标签时 - 我收到以下错误

感谢您的帮助 谢谢

0 投票
0 回答
144 浏览

javascript - 通过 getJSON 检查 jQuery tag-it 输入

我正在寻找通过 getJSON 请求检查 tag-it ( http://aehlke.github.com/tag-it ) 中新添加的标签的方法,并允许使用(最终)编辑的 tagName 添加标签或禁止添加新标签。

例如:输入“audi s3”将触发 beforeTagAdded 事件,该事件应该执行 getJSON 请求,来自服务器的响应将包含“Audi S3”或“Audi S3, 2007”之类的内容。

0 投票
1 回答
832 浏览

jquery - 使用 ViewBag 作为数据源插件的 Jquery TagIt 问题

我想绑定数据以用 ViewBag 标记它,不幸的是它不起作用。

所以,这是我的控制器:

而我的观点:

Javascript:

它呈现为:

如果我使用 availableTags: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"]

它工作得很好。

我用 ViewBag 尝试了常规的 jquery 自动完成插件,它可以工作。这是它的代码:

有什么想法吗?

我正在将 MVC3 与 Razor 一起使用。而当我availableTags使用时ViewBag,输入字段就会消失。

0 投票
0 回答
1096 浏览

jquery - 将预定义标签设置为 TagIt jQuery 插件

我正在使用https://github.com/aehlke/tag-it这个插件,并且无法为其设置预定义的标签。

因此,如果我有一组要默认选择的标签:

我的标签容器:

并标记它 jQuery:

我尝试使用 javascript 设置数据 <ul id="myTags"></ul><input type="hidden" name="tags" id="mySingleField" value=""/>但我无法从标签栏中删除标签,或者我得到重复值。

0 投票
2 回答
3172 浏览

jquery - 修改jquery tag-it基于autocomplete库的行为,使用ajax JSON源

我正在尝试基于自动完成向 jQuery 插件标记添加一些功能:

a) 我尝试过滤我的 JSON 数据以仅显示标签名称。

由以下人员返回的 JSON 样本/repo/json

b)我想在用户提交数据时提交标签的 id,而不是名称。

c) 我尝试在我的 tag-it 输入字段中添加一些约束:用户无法验证不在我返回的 JSON 中的标签/repo/json call

我不想分叉 tag-it 存储库,似乎可以测试用户数组和使用beforeTagAdded选项搜索之间的交集。

我这次尝试没有成功,因为我不知道在哪里可以找到标签列表来实现交集。

我的js代码:

html表单:

0 投票
0 回答
120 浏览

php - 使用自动完成检索多个属性 - json 编码

在创建带有标签的输入字段(如 Stack Overflow)时,我遇到了tag-it。在这个和jQuery autocomplete的帮助下,我能够创建类似的功能。

在这种情况下,它只是检索名称,而我想将 ID(用户的 ID)与选定的名称相关联。读了一点,我发现我们可以使用这样的东西:

但是在自动完成完成的那一刻,ID数据就会丢失。

我的问题是,无论如何我都可以ID用关联的名称存储。

Might help: tag-it 插件提供了fieldName通过创建隐藏的输入标签来设置 which 的功能。

0 投票
1 回答
1753 浏览

jquery - 点击离开时添加标签

我正在使用 tagit ( http://webspirited.com/tagit/ ) 并且到目前为止非常喜欢它。我只有一个障碍要克服。如果我开始输入标签关键字,改变主意然后单击页面上的其他位置(因此输入失去焦点),标签就会被添加。我不希望这种情况发生。我希望仅在选择触发键时添加标签 - 在我的情况下是逗号。否则最后一个标签(可能是部分文本)应该就在那里,直到添加逗号。

这是我到目前为止的代码。非常基本的实现,但我没有看到防止上述情况的方法。

0 投票
2 回答
747 浏览

jquery - 使用 jQuery Tag-it 进行水平滚动

我正在使用jQuery Tag-it来做我正在做的事情。但是,我不喜欢这样,每当我输入太多标签时,溢出就会出现在我已经输入的标签下方,而不是仅仅将较新的标签附加到我已经输入的任何内容的右侧。

我想要的是将标签始终附加到其他标签的右侧,并允许用户水平滚动以查看新标签。

这是我一直在尝试使用的示例页面:http: //aehlke.github.com/tag-it/examples.html

这是我的第一次尝试:

ul.tagit { height: 40px; overflow-x: auto; }

第二次尝试:

两者似乎都不起作用。

0 投票
2 回答
2378 浏览

javascript - 标记它提交 id 而不是值或标签

使用这个插件 https://github.com/aehlke/tag- 顺便说一句,它非常酷。

问题:

当标记它选择值时,它会将值添加到值 attr 中 CSV 格式的隐藏字段中。我想让它做ID而不是有人知道怎么做吗?