分组的Select2和JBuilder
是前端开发和后端开发中常用的工具和技术。
- Select2是一个基于jQuery的下拉选择框插件，它提供了更强大和灵活的下拉选择框功能。它支持搜索、多选、远程数据加载等特性，可以提升用户体验。Select2可以用于各种场景，例如表单中的下拉选择框、标签选择、标签输入等。腾讯云的相关产品和介绍链接地址：腾讯云COS。
- JBuilder是一个用于构建JSON响应的Ruby库。它可以帮助开发人员在后端快速构建复杂的JSON响应，包括嵌套关系、自定义字段等。JBuilder可以与Rails框架无缝集成，提供了简洁的DSL（领域特定语言）来定义JSON结构。它在API开发中非常有用，可以方便地构建符合前端需求的JSON数据。腾讯云的相关产品和介绍链接地址：腾讯云API网关。
分组的Select2和JBuilder在实际开发中的应用场景如下：
- 分组的Select2：当需要在下拉选择框中进行分组展示时，可以使用分组的Select2。例如，在一个城市选择的下拉框中，可以按照省份进行分组展示，提高选择的效率和用户体验。
- JBuilder：在API开发中，当需要返回复杂的JSON响应时，可以使用JBuilder来构建。例如，当需要返回一个包含嵌套关系的JSON对象时，可以使用JBuilder来定义JSON结构，方便地构建符合前端需求的JSON数据。
总结：分组的Select2和JBuilder是前端开发和后端开发中常用的工具和技术。分组的Select2可以提供强大和灵活的下拉选择框功能，适用于各种场景。JBuilder可以帮助后端开发人员快速构建复杂的JSON响应，方便地构建符合前端需求的JSON数据。腾讯云提供了相关产品和服务，例如腾讯云COS和腾讯云API网关，可以满足开发需求。
相关·内容
我有以下select2输入；
$('#input').select2({
width: '100%',
placeholder: "Brand/product name",
allowClear: true,
data: parseRawDataToSelect2(),
templateSelection: formatForDisplay,
escapeMarkup: function (m) {
return m;
}
});
parseRawDataToSelect
浏览 1提问于2017-08-22得票数 0
回答已采纳
1回答
当我访问http://localhost:3000/admin/sport_categories时 控制台日志不会从forms.js触发 javascript/packs/forms.js import $ from 'jquery'
import 'select2'
import 'select2/dist/css/select2.css'
console.log('line 5')
window.addEventListener('DOMContentLoaded', () => {
$('
浏览 35提问于2020-11-05得票数 1
回答已采纳
2回答
如何动态初始化select2
、、、、
我通过AJAX在DOM中插入概念行(包括select和input文本元素)。我想将这些选择初始化为select2:但我不知道正确的方法。
我应该在每一行写javascript吗？(通过AJAX插入html和JS )
我在每个AJAX请求中都得到了这样的信息：
<select id="concept0">
<option value="Test"> Test </option>
<option value="Test2"> Test 2 </option>
浏览 4提问于2015-10-07得票数 8
回答已采纳
2回答
当表单提交时，我只能得到分配给值的数字。我想提交任何文本之间的select选项。
例如，当我选择Bird和Dove时，我希望接收Bird和Dove而不是3和3
$("#select1").change(function() {
if ($(this).data('options') === undefined) {
/*Taking an array of all options-2 and kind of embedding it on the select1*/
$(this).data('options', $(&#
浏览 5提问于2020-04-03得票数 1
回答已采纳
我一直在尝试用我的json创建一个下拉树。它用一个产品列表表示两个类别。
下面是我的JSON数组：
[
{
"reference":'BC-ENFANT',
"name":'Pour les Enfants',
"description":'Soins pour les enfants...',
"id":155,
"productList":[
{"id":13655,"refe
浏览 15提问于2021-05-26得票数 2
回答已采纳
1回答
我喜欢JBuilder的语法，并希望在rails之外使用它。我有一个类和一个to_json方法：
class Blog
def to_json
Jbuilder.encode do |json|
json.(self, :id, :logo)
json.articles articles do |json, article|
json.id article.id
end
end
end
end
不幸的是，我得到了：
/Users/justin/.rbenv/versions/1.9.3-p0/lib/ruby/g
浏览 0提问于2012-05-17得票数 2
我正在使用Jbuilder和Gon将我的JSON响应构造为变量，并将它们传递给我的JS前端。在Jbuilder文件中，我想访问我在Money-Rails gem中使用的helper方法。然而，如果我尝试这样的事情...
// edit.json.jbuilder
json.minimum_premium money_without_cents limit.minimum_premium
我得到一个undefined method `money_without_cents' for #<Gon::Jbuilder::Parser:0x00007fbb6ebca198>错误。
浏览 12提问于2019-10-23得票数 2
回答已采纳
2回答
背景
我有3个字段保存了某些数据。他们都有一个共同的名字-马球篮--标签。
<div class="row">
<div class="columns small-8">
<label for="basket__label">basket labels in the dog</label>
<select class="fancy-dropdown" name="selected_basket__labels" id=&
浏览 0提问于2020-01-23得票数 0
回答已采纳
我在Rails和Mongoid中使用Select2，服务器端有太阳黑子Solr来进行搜索。我尝试的是通过solr过滤来自mongo的数据，通过ajax请求获取数据，并根据父-子层次结构对结果进行分组。我不知道的是，当我搜索一个子结果时，如果有多个子结果，父类别就会出现多次。如需更多信息，请阅读下面：
这是我在Mongo中的数据
{ "_id“：ObjectId("5209eb465a721ae827c661de")，”标题“："Bina Kanalizasyon Tesisatı"，”家长“："Su Tesisatılığı”，"pat
浏览 1提问于2013-08-13得票数 0
回答已采纳
1回答
合并而不是Nest
、、、
我试图得到一个如下所示的json响应：
{
id: 3,
title: "Magic",
desc: "A bag of coolness!"
type: {
id: 14,
title: "Dust"
}
}
我得到的是：
{
id:14,
title:"Dust",
desc:"A bag of coolness!"
type: null
}
正在使用的三个jbuilder文件如下：
_item.json.j
浏览 1提问于2015-04-02得票数 1
回答已采纳
我有一个Rails应用程序，目前正在使用RABL作为json。我可以复制用jbuilder编写的代码。最后，我想把这个应用交给所有的jbuilder。
但是，同时，我可以在同一个应用程序中同时使用RABL和jbuilder吗？
例如，有这两种类型的文件：
locations.json.jbuilder
show.json.rabl
谢谢为我提供信息!
浏览 3提问于2014-08-07得票数 1
回答已采纳
Am使用Rails 3.0.19和JBuilder Gem 2.0.6来呈现JSON响应。
JBuilder：
下面是用于为特定API发送错误消息的代码。
render :json, :template=>"/api/shared/errors.json.jbuilder", :status=> :bad_request
由于某些原因，客户端接收200-ok状态。然而，我期望400 (bad_request)。
有什么帮助吗？
下面是我的详细代码：
def render_json_error_messages
#render :template=>
浏览 8提问于2014-07-07得票数 8
我想改变一个特定的select by id -> -color
我试过了
//css
.required-input {background-color :rgb(250, 255, 189)}
$(id).select2({
data: data,
width: '100%',
placeholder: "Select an option",
allowClear: true,
containerCssClass : "required-input"
浏览 0提问于2018-10-19得票数 0
在将XHR请求发送到Rails时，尝试通过Jbuilder呈现JSON，在发送正常请求时尝试通过HTML呈现JSON。但是每个请求仍然返回HTML。
无 JBuilder
PostController有一个表演动作。它呈现html和json.。
def show
@post = Post.find(1)
respond_to do |format|
format.html
format.json { render json: @post}
end
locahost:3000/posts/1.jsonIt 呈现JSON格式。
与JBuilder
移除respond
浏览 7提问于2020-08-09得票数 1
1回答
我认为有以下代码：
{!! Form::select( 'projectSkills',
['' => ''] + \App\Skill::where('type','freelancer')
->pluck('name', 'id')
->toArray(),
浏览 2提问于2017-03-13得票数 3
回答已采纳
1回答
我在bootstrap v4下拉列表中有一个select2。当下拉菜单被触发时，我将选项加载到select2中。
select2包含一些具有长名称的项目，如果打开select2，我希望显示完整的宽度，即使它比下拉列表更宽。
我在select2:opening和select2:open事件处理程序中尝试过select2({width: 'resolve'})和select2({width: '200%'})，但它们抛出了异常。如果我用宽度:200%初始化select2，如果没有打开它，它就太大了。
这个是可能的吗？有什么想法吗？谢谢。
浏览 5提问于2016-05-09得票数 0
我使用jtds 1.3.1 jar文件来连接MSSQL server2008。为此，我在JBuilder7中配置了库和JDK，当从JBuilder 7编译器运行应用程序时，一切正常，但每当我尝试从WInXP平台通过JBUilder7构建的.exe应用程序运行时，都会收到错误"java.lang.ClassNotFoundException: net.sourceforge.jtds.jdbc.Driver“。
有没有人可以给我进一步的指导，在多大程度上我需要在JBuilder 7中制作可执行文件？
浏览 1提问于2014-07-05得票数 1
我正在使用JSON as返回一些。我有一个生成数据的index.json.jbuilder，我需要将其呈现为一个字符串。然而，我不确定如何做到这一点，因为：@my_object.to_json和@my_object.as_json似乎没有通过JBuilder。
如何将JBuilder视图呈现为字符串？
浏览 0提问于2012-04-13得票数 24
回答已采纳
我使用jbuilder创建API视图，但许多方法共享相同的jbuilder文件：
module API
module V1
class DevicesController < ActionController::Base
respond_to :json
def create
...
respond_with @device, status: 201
end
def update
...
respond_with @device, status: 200
end
end
end
浏览 0提问于2014-11-24得票数 1
回答已采纳
做http://localhost:3000/options/audio
我得到了错误：
Missing template options/audio, application/audio with {:locale=>[:en], :formats=>[:html], :variants=>[], :handlers=>[:erb, :builder, :raw, :ruby, :jbuilder, :coffee]}. Searched in: * "/Users/mmahalwy/Desktop/Code/quran.com/QuranAPI/app/vi
浏览 1提问于2014-06-23得票数 3
1回答
我的申请细节
Rails 4.0应用程序
远程gem remotipart (1.2.1)
使用json.jbuilder返回响应。
使用回形针创业板上传文件paperclip (~> 4.1)
我有一张remote: true和multipart: true的表格。提交表单后，我正在重新生成一个json.jbuilder模板。我在表单上有ajax:success回调。
当我提交一个没有附件的表单时，它会呈现json.jbuilder模板和ajax:success回调。但是，如果我提交了一个带有附件的表单，那么表单就会被提交，呈现json.jbuilder文件。但
浏览 1提问于2014-04-14得票数 0
我遇到了一个涉及控制器和视图的情况。控制器抓取一堆记录并更新它们。该视图使用jbuilder在JSON中呈现更新的书籍。
app/controllers/books_controller.rb
def change_book_attributes
@books = Book.where(...)
@books.update_all(...)
#@books.reload
end
app/views/books/change_book_attributes.json.jbuilder
json.seats @books, :id, :title, :state
情况是，当
浏览 4提问于2017-01-26得票数 1
我有一个遗留的Ruby on Rails API项目，我注意到该项目同时使用了active_model_serializer和Jbuilder。app/serializers diretory表示active_model_serializer，app/view/api/表示Jbuilder。
我是Ruby on Rails API的新手。从我从互联网上读到的资料来看，active_model_serializer和Jbuilder似乎都是用来处理JSON数据的，甚至有一篇文章认为哪一种更好。
我不知道哪一种更好，但这两者都是好的做法吗？
浏览 0提问于2016-12-13得票数 2
回答已采纳
我正在尝试覆盖模型中的默认to_json方法。对于所有模型，都有大量的jBuilder偏分项，命名为模型，但在蛇形情况下。所以：
Jbuilder.encode do |json|
json.partial! "charts/#{self.class.name.demodulize.underscore}"
end
但实际上，我在json中有一个节点，名为"partial!“和一个字符串作为值。
如何在Rails模型中局部呈现jBuilder？
浏览 3提问于2015-07-17得票数 2
我正在尝试运行jbuilder install来安装我刚刚使用jbuilder build @install构建的opam包(它为我生成了一堆*.install文件)。但是，我得到以下错误：
$ jbuilder install
Sorry, you need the opam-installer tool to be able to install or uninstall packages.
I couldn't find the opam-installer binary :-(
根据的说法，opam-installer和OPAM一起上船。我正在使用OPAM版本1.2.2。
$
浏览 3提问于2017-08-08得票数 1
回答已采纳
我正在Rails 4.2 + AngularJS 1.5项目上工作，遇到了非常奇怪的问题。当我试图刷新(F5)我的项目的主要网页，这是一个很大的机会(假设9/10)，刷新将无法正确地执行。在这种情况下，我看到的只是我的application.html.haml布局内容(例如，"ToDoDoo“标题)：
!!!
%html{"ng-app" => "tododoo"}
%head
%title Tododoo
= stylesheet_link_tag 'application', media: 'a
浏览 2提问于2017-02-16得票数 0
回答已采纳
1回答
我试着在我的项目上安装select2，但它不太好。它与这个链接完全相同：
但我不使用cdn，我的工作是symfony4项目( webpack的弹片和纱线)。我像这样导入jquery和select2：
app.js
import $ from 'jquery';
import 'select2/dist/js/select2.full';
import 'select2/dist/css/select2.css';
$(document).ready(function () {
$('.select2').sel
浏览 0提问于2018-04-24得票数 2
回答已采纳
1回答
我正在尝试构造一个json响应，以模拟我们在应用程序中其他地方的现有结构(使用jbuilder模板)。在这个特定的用例中，我们无法使用jbuilder模板，因为我们正在为从model方法触发的实时更新作业准备json数据，而不是响应控制器中的服务器调用。 所需的结构： {"notes": {
"1": {
"id": "1",
"name": "Jane",
...
},
"2": {
"id": "2
浏览 18提问于2020-01-04得票数 0
Jbuilder standalone不会渲染任何内容。我需要一个配置参数才能让它在Rails 3.2.8中工作吗？
1.9.2p320 :257 > Jbuilder
=> Jbuilder
1.9.2p320 :258 > Jbuilder.new {|json| json.foo 'bar'}.target!
=> "{}"
万分感谢。
更新
encode方法起作用。
1.9.2p320 :016 > Jbuilder.encode {|json| json.foo 'bar'}
=> "
浏览 2提问于2013-01-03得票数 0
我使用rc1生成了一个新的rails 4( rails new )项目，并使用rails g scaffold生成了一个支架。
正如预期的那样，它已经创建了迁移、控制器和所有必需的视图文件。
它还创建了show.json.jbuilder和index.json.jbuilder。
我想这是为了帮助从模型中产生json。控制器还包含format.json调用。
问题:为什么需要json?生成的应用程序的哪一部分使用json？对于我来说，视图似乎没有使用json来呈现任何内容，它们似乎是在服务器端呈现的(在视图中使用@model变量来获取内容)。
边缘指南()没有提到jbuilder以及为什么需要
浏览 5提问于2013-05-28得票数 33
回答已采纳
1回答
我遇到了一个奇怪的问题，导致控制台在解析后没有显示输出
a= "<%=j render 'api/restaurants/index.json.jbuilder',restaurants: @restaurants %>";
json = $.parseJSON("<%= render 'api/restaurants/index.json.jbuilder', restaurants: @restaurants %>");
console.log(json);
a= "<%=j r
浏览 0提问于2016-08-16得票数 0
回答已采纳
1回答
我正在尝试将select2请求/导入到项目中，但失败了。
尝试这两个总是得到$('#state').select2不是一个函数。当我在标准<script>标记中包含select2时，一切都正常。
require('./bootstrap');
import 'select2';
$('#state').select2({
minimumResultsForSearch: -1
});
和
require('./bootstrap');
window.select2 = require('
浏览 6提问于2018-07-22得票数 3
我使用select2和bootstrap。每次单击select2时，我的页面都会展开并显示一个水平和垂直滚动条。 <script>
$('.select2').select2({
});
</script>
浏览 55提问于2020-11-04得票数 0
回答已采纳
1回答
我想使用jbuilder提供以下数据。
如何使jbuilder分离？
data: [{
type: "top"
logo: "logo.png"
title: "title"
},{
type: "nav"
background: "bg.png"
content: "<div> Welcome </div>"
},{
type: "footer"
content: "Copyright: xx"
}
浏览 1提问于2017-02-21得票数 0
回答已采纳
3回答
我正在开发的应用程序使用JSON对象或其集合来响应大多数请求。我们使用来构建这些响应。呈现的数据量相当大(各种嵌套结构中的数千个对象--一旦格式化并完全展开，对于一个典型的响应有多达10,000行JSON )。根据NewRelic的说法，这种渲染花费了大量的时间--约占总请求时间的1/3。
我正在寻找某种类型的指南、一组提示或其他资源来帮助我确保从JBuilder中获得最好的性能。我也很好奇，Jbuilder和或其他类似的工具是否有性能比较。
编辑:我找到了一个抱怨Jbuilder性能的，但是任何人提出的唯一实际建议是“不要使用Jbuilder”。实际上，他们使用了稍微更强的语言，但是对于为什
浏览 0提问于2012-06-11得票数 10
回答已采纳
我已经为我的模型记录和视图创建了自定义模板，但是现在不再在views/中生成.jbuilder文件 下面是我的lib文件夹的屏幕截图，我应该做哪些更改才能生成jbuilder文件？ ?
浏览 15提问于2019-09-29得票数 0
我正在尝试从node_modules导入select2 scss。
我已经通过命令安装了select2 \
node_modules文件夹中的npm install select2和got select2文件夹
如何在app.scss文件中导入select2的css。
我用的是吞咽。
谢谢
浏览 0提问于2016-11-09得票数 1
2回答
我使用JBuilder作为JSON DSL。我让它正常工作，但不知道如何漂亮地打印JSON。
我想使用JSON.pretty_generate，但这需要一个字符串或散列，而JBuilder是一个不转换的自定义JBuilder对象。
你知道如何用JBuilder模板漂亮地打印JSON吗？
浏览 2提问于2013-06-20得票数 0
我在我的一个Rails3.2项目中使用了Select2插件。它目前位于目录vendor/assets/javascript/select2/中(所有的js、css和图像文件都在这里，与从下载的插件解压的位置相同)。
不出所料，我已经在application.css和application.js文件中包含了select2 css和javascript文件：
application.css
*= require select2/select2
application.js
//= require select2/select2.min
但是现在我已经部署到生产环境中，select2.css文件
浏览 0提问于2013-01-24得票数 1
回答已采纳
我有多个select2下拉菜单。每当select2下拉菜单打开时，我都想将类添加到我的div中。
为此，我使用select2的open和close事件。当您打开select2下拉菜单并将其关闭时，下面的代码运行良好。但是如果你打开了一个select2下拉列表并点击了另一个select2下拉列表，它就不起作用了。在这种情况下，它会检测到关闭事件。
$('select').on('select2:open', function (e) {
$('.a').addClass("header-index");
});
$('
浏览 4提问于2019-07-31得票数 1
1回答
我使用jQuery来检索和设置我的数据属性。我也尝试过用attr()和data()来设置数据值：
$("#select2").attr("data-myval", "true");
$("#select2").data("myval", "true");
两者都不起作用，如果我console.log()它，它会返回一个函数。有什么问题吗？
$(document).ready(function() {
var select1 = $("#select1").data("
浏览 0提问于2018-04-27得票数 0
我在网格视图中有一个网格视图和一个下拉列表来选择项目。因为我的项目列表很大，所以我使用JQuery Select2插件进行搜索。因此，我已经在站点母版页中添加了引用和初始化代码，并且第一次成功地初始化了select2功能。然而，在我选择了第一个项目后，下拉菜单变成了普通的下拉菜单，并且失去了所有的select2功能。
我在以AdminLTE为数据库的asp.net web应用程序中使用SQL3模板的select2插件。
母版页中的引用和初始化代码：
<link rel="stylesheet" href="plugins/select2/select2.min.c
浏览 2提问于2019-05-01得票数 0
我已经使用中的jackpipe指令为控制器创建了一个脚手架生成器，但我没有用Jbuilder做同样的事情。
我试过这个：
#/config/application.rb
config.generators do |g|
g.scaffold_controller = "admin_scaffold_controller"
g.jbuilder = "admin_jbuilder"
end
还有这个
#/lib/generators/rails/admin_jbuilder/admin_jbuilder_generator.rb
require '
浏览 6提问于2017-02-22得票数 1
1回答
葡萄-卡米纳里与葡萄制造者
、、、、
有没有办法让这个葡萄-卡米纳里和葡萄-jbuilder宝石一起工作？
我尝试过在实际的API模块端点中对记录进行分页：
resource :groups do
desc "Return a list of groups belonging to your company."
get "/", jbuilder: "v3/groups" do
paginate(@groups)
end
end
我还尝试将分页调用放在jbuilder对象的内部：
json.array! paginate(@groups) do |
浏览 1提问于2014-10-10得票数 0
回答已采纳
1回答
我正在使用jbuilder编写部分参数来返回json数据。我有一个模块，在这个模块中，我在show方法中返回每个记录的数据，在index中返回所有记录。但是所有的记录内容在这里都不起作用，我在控制器中使用了show方法
def index
@signals = Signal.all.paginate(:page => params[:page], :per_page => 10)
end
def show
@signal = Signal.find(params[:id])
end
这是我的部分_signal.json_jbuilder
json.(@signal, :id,
浏览 0提问于2014-01-31得票数 4
我需要在初始化select2之后设置一个数据数组。所以我想做这样的事情：
var select = $('#select').select2({});
select.data([
{id: 1, text: 'value1'},
{id: 1, text: 'value1'}
]);
但我得到了以下错误：
当附加到元素时，Select2不允许使用“data”选项。
我的HTML：
<select id="select" class="chzn-select"></select>
浏览 9提问于2013-03-16得票数 36
我使用的是Rails 3.2.3 / Ruby 1.9.3p125 / jbuilder (0.4.0)
在我的view/mycontroller文件夹中，我得到了一个show.json.jbuilder文件。当我用rails s -e production在本地机器上测试所有东西时，一切都很好。JSON被呈现为espected。
但是，当我部署到Ubuntu (nginx/unicorn)时，我会得到以下错误消息：
ActionView::MissingTemplate (Missing template mycontroller/show, application/show with {:
浏览 5提问于2012-05-09得票数 14
回答已采纳
11回答
我正在使用Select2和jQuery表单转发器()
我已经在google/so上搜索了2天，但似乎不能正常工作。
include jquery/select2.js/jquery.repeater.js
var form = $('#form');
form.find('select').select2();
form.repeater({
show: function () {
$(this).show(function(){
form.find('select').select2('destroy
浏览 6提问于2016-12-21得票数 2
我想在Vuejs2.x中使用带有ajax远程数据选项的select2。在中找到了一个静态工作的select2组件的示例，但我需要为我的项目使用select2和。如何将键盘类型调用转换为select2。
在jQuery Select2中，使用以下代码进行ajax调用：
$('.js-data-example-ajax').select2({
ajax: {
url: 'https://api.github.com/search/repositories',
dataType: 'json'
// Addi
浏览 3提问于2017-12-01得票数 0
AdminLte select2不工作意味着不在选择框中显示搜索，我已经包含了css和js文件，使用方法如下，我还包含了与引导相关的css和js文件。
<html>
<head>
<link rel="stylesheet" href="bower_components/select2/dist/css/select2.min.css">
</head>
<body>
<select class="form-control select2" style="width: 1
浏览 3提问于2018-03-29得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
