Ember.js 使用ember cli在查询参数上选择multiselect
我目前正在使用ember.js中的一个查询参数。大致如下: 模板Ember.js 使用ember cli在查询参数上选择multiselect,ember.js,ember-cli,selectize.js,ember-query-params,Ember.js,Ember Cli,Selectize.js,Ember Query Params,我目前正在使用ember.js中的一个查询参数。大致如下: 模板 {{ember-selectize content=makes optionValuePath="content.make" optionLabelPath="content.make" value=car_makes selection=carMakes multiple=false placeholder="Filter by car make..." }} 控制器 import Ember fr
{{ember-selectize
content=makes
optionValuePath="content.make"
optionLabelPath="content.make"
value=car_makes
selection=carMakes
multiple=false
placeholder="Filter by car make..." }}
控制器
import Ember from 'ember';
export default Ember.Controller.extend({
queryParams: ['car_makes'],
car_makes: null,
carMakes: Ember.A([])
});
但是,我想在我的模板中将“multiple”设置为“true”,并有一个multiselect。在多模式下这样做意味着不再支持“值”
使用计算出的值,如下所示:
car_makes: Ember.computed.mapBy('carMakes', 'make')
唯一的问题是
那么,有人能想出一个办法来欺骗余烬吗?或者我必须自己制作selectize组件吗?您可以使用提供的
添加值
和删除值
操作。请看以下内容。正如您在my route.hbs
中所看到的,我为add value
和remove value
提供了操作处理程序。在my route.js
中,您可以看到iss如何将选中/取消选中的值添加到car\u中或从car\u中删除,这是一个数组;不是计算属性。希望这能有所帮助。我对你的建议做了一些改进。主要的问题是,页面刷新时没有填充selectize输入。其他一些事情是我需要在我的Ember版本上使用Ember.A,我还想搞乱查询参数中存储的内容的格式。我也不确定我的路线是否正确。有时间我会看一看。