Knockout JS +更新帮手文本

Question

我对Knockout JS相当陌生。我正在尝试做一个简单的任务，如果下拉菜单更改显示帮助文本取决于在下拉列表中选择的值。

我的例子是位于的jsfiddle：http://jsfiddle.net/dnfCb/10/

注：我不知道是否被允许链接到的jsfiddle，如果不是我将代码粘贴在这里。似乎ko.computed事件仅在加载时触发。当标准改变时似乎无法启动它。

谢谢你的时间。

Answer 1

您需要将您的<select>值绑定到实际的observable属性以查看更改。

<-- ------------------------ here....................... --> 
<select name="search_option" data-bind="value: criteria"> 
    <option value="O">Order Search</option> 
    <option value="P">PO Number Search</option> 
</select> 

和

var orderSearchViewModel = { 
    criteria: ko.observable("O") // give a default value 
}; 

orderSearchViewModel.helperText = ko.computed(function() { 
    if (this.criteria() == "P") { 
     return "Searching by PO Number"; 
    }else { 
     return "Searching by Order Number"; 
    } 
}, orderSearchViewModel); 

ko.applyBindings(orderSearchViewModel);​ 

注意criteria是需要执行，以获得潜在价值的功能，所以

if (this.criteria == "P") 

是行不通的。

http://jsfiddle.net/dnfCb/11/

---

顺便说一句，我认为自包含视图模型建立是一个更好一点：

function OrderSearchViewModel() { 
    var self = this; 

    this.criteria = ko.observable("O"); 
    this.helperText = ko.computed(function() { 
    if (self.criteria() == "P") { 
     return "Searching by PO Number"; 
    } else { 
     return "Searching by Order Number"; 
    } 
    }); 
} 

ko.applyBindings(new OrderSearchViewModel());​