即使阅读了大量文档后,我仍然无法完成这个简单的任务;
我的模板中有一个选择视图:
{{view Ember.Select id="id_diff" contentBinding="difficulties" optionValuePath="content.id" optionLabelPath="content.title" valueBinding="selectedDifficulty"}}
此选择已正确填充以下数据:
{id:1,标题:简单}{id:2,标题:中等}{id:3,标题:困难}
我只想将默认值设置为“中”,而不是现在的默认值“easy”;我怎样才能做到这一点?
控制器:
Gmcontrolpanel.InsertActivityController = Em.Controller.extend({
difficulties: function() {
var difficulties = [];
difficulties = this.get('store').find('difficulty');
return difficulties;
}.property(),
changeDifImg: function() {
jQuery('.diff-icon').animate({'opacity': 0}, 300);
jQuery('#diff-img' + jQuery('#id_diff').val()).animate({'opacity': 1}, 300);
}.observes('selectedDifficulty'),
startValue: null
});
ChangeDifImg 属性用于当用户更改选择中的值时更改关联的难度图标;
(在模板中:
{{#each difficulty in difficulties}}
<img class="diff-icon" id="diff-img{{unbound difficulty.id}}" src="{{unbound "difficulty.link"}}" style="opacity: 0" />
{{/each}}
这为每一个困难创造了一个形象,并将它们全部隐藏起来;那么当用户在 Select 中选择一个值时,changeLIng 属性会显示正确的图标