我的電源選擇不會顯示選定的值。電源選擇不顯示選定的值
我在這個組件中有三個權力選擇,兩個工作正常,但第三個(公司類型)行事奇怪 - 當你第一次去表單時,這個值是空白的。當您選擇它堅持從那麼該記錄上的值(直到您刷新頁面)
模板:
// templates/components/companies/edit-new-form.hbs
{{#bs-form formLayout=formLayout model=company onSubmit=(action "save") as |form|}}
<label>State:
{{#power-select
selected=company.state
options=states
onchange=(action "chooseState")
as |name|
}}
{{name}}
{{/power-select}}
</label>
<label>County:
{{#power-select
selected=company.county
options=countyNames
onchange=(action "chooseCounty")
as |name|
}}
{{name}}
{{/power-select}}
</label>
<label>Company Type:
{{#power-select class="select"
selected=company.companyType
options=companyTypes
onchange=(action "chooseCompanyType")
as |name|
}}
{{name.companyType}}
{{/power-select}}
</label>
{{/bs-form}}
JS:
// componnents/companies/edit-new-form.js
export default Ember.Component.extend({
company: null,
router: Ember.inject.service('-routing'),
ajax: Ember.inject.service(),
store: Ember.inject.service(),
countyNames: Ember.computed('company.state', function() {
return this.get('ajax').request(config.host + '/api/counties/' + this.company.get('state')).then((json) => json.map((county) => {
return county.countyName;
})
)
}),
states: ['AK', 'AL', 'AR', 'AZ', 'CA', 'CO', 'CT', 'DC', 'DE', 'FL', 'GA', 'HI', 'IA', 'ID', 'IL', 'IN', 'KS', 'KY', 'LA', 'MA', 'MD', 'ME', 'MI', 'MN', 'MO', 'MS', 'MT', 'NC', 'ND', 'NE', 'NH', 'NJ', 'NM', 'NV', 'NY', 'OH', 'OK', 'OR', 'PA', 'RI', 'SC', 'SD', 'TN', 'TX', 'UT', 'VA', 'VT', 'WA', 'WI', 'WV', 'WY'],
actions: {
// For dropdown handling
chooseState(state) {
this.set('company.state', state);
//Ember.set(this, "counties", this.get('ajax').request(config.host + '/api/counties/' + state).then((json) => json.items));
//this.set('counties', this.get('ajax').request(config.host + '/api/counties/' + state).then((json) => json));
},
chooseCounty(countyName) {
this.set('company.county', countyName);
},
chooseCompanyType(companyType) {
this.set('company.companyType', companyType);
},
}
});
這裏是路線和型號掛鉤:
// routes/companies/edit.js
export default Ember.Route.extend({
model(params) {
var store = this.store;
return Ember.RSVP.hash({
companies: store.findRecord('company', params.company_id),
companyTypes: store.findAll('companyType')
});
}
});
是可以獲得companyType模型的路線是:
// routes/company-types.js
export default Ember.Route.extend({
model() {
return this.get('store').findAll('company-type');
}
});
而且我的模型:
// models/company.js
export default DS.Model.extend({
companyName: DS.attr('string'),
street: DS.attr('string'),
county: DS.attr('string'),
city: DS.attr('string'),
state: DS.attr('string'),
zip: DS.attr('string'),
phone: DS.attr('string'),
email: DS.attr('string'),
fax: DS.attr('string'),
companyType: DS.attr('string')
});
// models/company-type.js
export default DS.Model.extend({
companyType: DS.attr('string')
});
看着灰燼檢查器companyType的數據是存在的,是一個字符串,每次我的模型。當我從收存箱中選擇一個值時,數據類型變爲<[email protected]:company-type::ember1326:Environ Engineer
。當我選擇其他下拉列表中的一個時,該值保持一個字符串,我認爲這是有道理的,因爲這些字符串數組的來源。
那麼如何讓下拉菜單顯示錶單加載時的值?
謝謝,我想我明白你要去哪裏,但有兩個問題。首先,非常小,'this.get('company.companyType.id')'應該是'this.get('company.companyType')'。這樣可行!但第二個問題是,這似乎是一個稍微複雜的,非直觀的解決方案,以前我曾經犯過一個設計錯誤。我應該做什麼?從模型中填充下拉列表並將其結果分配給另一個模型中的字段的簡單標準方法是什麼? –
你可以發佈你的模型嗎? – alptugd
如果我能看到'company'和'companyType'的模型,我可以幫助更好。 – alptugd