Railscasts #258 jQuery Tokeninput - 拥有一个包含 4 或 5 个标签可搜索输入的表单怎么样？

发布于 2024-11-02 12:59:08 字数 547 浏览 3 评论 0原文

是否可以使用 Ryan Bates 最近的截屏视频中的方法在 1 个表单中创建多个 jquery tokeninput 表单框？ http://asciicasts.com/episodes/258-token-fields

如果您设置 5与书籍具有 has_many 关系的不同模型，例如作者、标题、出版商、流派和相关标题。具体来说，您需要对 application.js 文件做什么？这就是我不确定该怎么做的地方，这仅适用于作者，您将如何添加其他模型？

应用程序.js

$(function() {
  $("#book_author_tokens").tokenInput("/authors.json", {
    crossDomain: false,
    prePopulate: $("#book_author_tokens").data("pre"),
    theme: "facebook"
  });
});

原文

Is it possible to use the method in Ryan Bates recent screencast to create multiple jquery tokeninput form boxes within 1 single form? http://asciicasts.com/episodes/258-token-fields

If you setup 5 different models with a has_many relationship to books, such as author, title, publisher, genre, and related_titles. Specifically what would you need to do with the application.js file? That's where I'm not sure what to do, this is what works with just authors, how would you add the other models?

application.js

$(function() {
  $("#book_author_tokens").tokenInput("/authors.json", {
    crossDomain: false,
    prePopulate: $("#book_author_tokens").data("pre"),
    theme: "facebook"
  });
});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

救赎№ 2024-11-09 12:59:08

在我的应用程序中，我有 3 个不同的模型。这就是我在 application.js 中设置它的方式：

$(function() {
  $("#product_token").tokenInput("/products.json", {
    prePopulate: $("#product_token").data("pre"),
    tokenLimit: 1
  });
});

$(function() {
  $("#address_token").tokenInput("/addresses.json", {
    prePopulate: $("#address_token").data("pre"),
    tokenLimit: 1
  });
});

$(function() {
  $("#business_token").tokenInput("/businesses.json", {
    prePopulate: $("business_token").data("pre"),
    tokenLimit: 1
  });
});

如您所见，您可以单独对待每个令牌，这样您就可以为您的“作者令牌”提供比“标题令牌”和“流派令牌”更多或不同的选项。

In my application i have 3 different models. This is how i set it up in my application.js:

$(function() {
  $("#product_token").tokenInput("/products.json", {
    prePopulate: $("#product_token").data("pre"),
    tokenLimit: 1
  });
});

$(function() {
  $("#address_token").tokenInput("/addresses.json", {
    prePopulate: $("#address_token").data("pre"),
    tokenLimit: 1
  });
});

$(function() {
  $("#business_token").tokenInput("/businesses.json", {
    prePopulate: $("business_token").data("pre"),
    tokenLimit: 1
  });
});

As you can see, you can treat each individually so you can give your "Author token" more or different options compared to your "Title Token" and "Genre Token".

回复收藏 0 原文

~没有更多了~