Ember.js 在选择字段中动态设置余烬中的选择键
因此,我有一个从数据库生成表单的API。字段的API返回:Ember.js 在选择字段中动态设置余烬中的选择键,ember.js,ember-data,ember-cli,Ember.js,Ember Data,Ember Cli,因此,我有一个从数据库生成表单的API。字段的API返回: { "formFields": [ { "module": 1, "fieldName": "Global Title", "fieldPosition": "1", "fieldType": "select", "fieldEditable": true, "dataTable": "message", "dataKey": "callin
{
"formFields": [
{
"module": 1,
"fieldName": "Global Title",
"fieldPosition": "1",
"fieldType": "select",
"fieldEditable": true,
"dataTable": "message",
"dataKey": "calling_gt",
"dataValue": "id",
"id": 1,
"createdAt": "2015-10-15T13:59:30.764Z",
"updatedAt": "2015-10-15T13:59:30.764Z"
}
]
}
我有多个余烬组件。本质上是一个Add参数组件,它在与该组件相关的字段中循环。下面是从数据库表和用于键->值的字段加载传入模型的选择组件:
{{#each model.fields as |field|}}
{{#if (eq field.fieldType "select")}}
{{form/select-field model=field.dataTable label=field.fieldName key=field.dataKey value=field.dataValue selected=1}}
{{/if}}
{{/each}}
然后,select字段
组件生成一个select,从Add Parameter组件中提供的值中取出模型数据,如下所示:
<div class="form-group">
<label for="{{key}}">{{label}}</label>
{{#x-select value=optionValue action="selectOption" class="form-control" id=key}}
{{#each componentModel as |option|}}
{{#x-option value=option.calling_gt}}{{option.calling_gt}}{{/x-option}}
{{/each}}
{{/x-select}}
</div>
是否有人知道如何使用传递到选择字段
组件的键和值显示数据?听起来您可能可以使用获取
帮助程序
谢谢,找帮手是我需要的。
import Ember from 'ember';
export default Ember.Component.extend({
componentModel: function() {
return this.store.findAll(this.get('model'));
}.property(),
actions: {
selectOption(value, component) {
Ember.Logger.debug("Option " + component + " with value " + value + " selected");
this.set('optionValue', value);
}
},
});
{{#x-option value=(get option key)}}
{{get option key}}
{{/x-option}}