设想。我有一个来自数据库的查找对象的单选列表。选择不同的广播按钮时,我需要在屏幕上更新文本。我设法更新了值,但我无法更新显示。最好的方法是什么?
这是jsfiddle:http: //jsfiddle.net/CassiusKillay/P42fA/
HTML:
<div data-bind="foreach: workExperienceLookupList">
<li>
<input data-bind="attr: {value: Id}, checked: $root.WorkExperienceType.Id" type="radio" name="WorkExperienceType" />
<span data-bind="text: Description"> </span>
</li>
</div>
<span data-bind="text: WorkExperienceType.Id"></span>
<span data-bind="text: WorkExperienceType.Description"></span>
脚本:
function ViewModel() {
this.WorkExperienceType = new Lookup(initialLookup); //From database
this.workExperienceLookupList = lookupList; //From database
}
function Lookup(data) {
this.Id = ko.observable(data.Id);
this.Description = ko.observable(data.Description);
this.EnDescription = data.EnDescription;
this.CyDescription = data.CyDescription;
this.IsActive = data.IsActive;
this.SortOrder = data.SortOrder;
}
var lookupList = [{
"Id": 1,
"Description": "Description 1"
}, {
"Id": 2,
"Description": "Description 2"
}, {
"Id": 3,
"Description": "Description 3"
}, {
"Id": 4,
"Description": "Description 4"
}];
var initialLookup = {
"Id": 3,
"Description": "Description 3",
};
ko.applyBindings(new ViewModel());