12

このドロップダウンには、車両が新品または中古の場合のオプションがあります。

<select name="VehicleType" id="vehicleTypeDropdown" data-bind="value: VehicleType">    
    <option value="New" selected="selected">Nuevo</option>
    <option value="Used">Usado</option>
</select> `

そしてこの入力：

<input type="text" name="Mileage" data-bind="disable: VehicleType() === 'New',value:  Mileage" class="input-large"> `

選択したドロップダウンの値が「新規」の場合、入力を無効にする必要があります。使用する場合、入力を有効にする必要がありますが、値を入力すると、オブザーバブルがこの値を取得し、ドロップダウン値を「新規」に変更すると、オブザーバブルはゼロになる必要があります。 。

4

2 に答える 2

23

ビューモデルの手動サブスクリプションは、このようなものを処理するための良い方法です。サブスクリプションは次のようになります。

this.VehicleType.subscribe(function(newValue) {
    if (newValue === "New") {
        this.Mileage(0);
    }
}, this);

これを使用したサンプルは次のとおりです。http：//jsfiddle.net/rniemeyer/h4cKC/

HTML：

<select name="VehicleType" id="vehicleTypeDropdown" data-bind="value: VehicleType">
    <option value="New" selected="selected">Nuevo</option> 
    <option value="Used">Usado</option> 
</select>

<input type="text" name="Mileage" data-bind="disable: VehicleType() === 'New', value: Mileage" class="input-large">
<hr/>

<pre data-bind="text: ko.toJSON($root, null, 2)"></pre>

JS：

var ViewModel = function() {
    this.VehicleType = ko.observable();
    this.Mileage = ko.observable();

    this.VehicleType.subscribe(function(newValue) {
        if (newValue === "New") {
            this.Mileage(0);
        }
    }, this);
};

ko.applyBindings(new ViewModel());
于 2012-10-01T16:56:58.157 に答える