私が解決しようとしているのはこれです.ラジオリストは、jquery onclickイベントの後にjsonオブジェクトの配列を解析することによって埋められます. チェックされたオプションがあるときにノックアウト プロパティをバインドしましたが、それは現在選択されているオプションの名前を監視対象に入れるだけです。名前を入力したいshipOption
のですが(現在は機能しています)、コストの値もshipCost
. formatcurrency は、ユーザー フレンドリに表示するための単なるヘルパー関数です。
私のノックアウトとjsコード:
$(document).ready(function () {
var shipOptions = [];
function ovm() {
var self = this;
self.shippingOptions = ko.observableArray(shipOptions);
self.shipOption = ko.observable();
self.shipCost = ko.observable();
}
window.vm = new ovm();
ko.applyBindings(vm);
私のHTML:
<table style="width: 60%;" data-bind="foreach: shippingOptions">
<tr>
<td><label><input name="shipmentoptions" type="radio" data-bind="value: Name, checked: $parent.shipOption" /><span data-bind="text: Name"></span></label></td>
<td>€ <span data-bind="text: formatCurrency(Costs())"></span></td>
<td><img data-bind="attr: { src: Picture }"/></td>
</tr>
</table>
psノックアウト2.3を使用し、マッピングプラグインを使用してshipoptions配列のjsonオブジェクトを埋めます