1

フォーム要素にデータリンクされた子プロパティを持つオブジェクトを監視可能な更新を行うにはどうすればよいですか?

var app = {
    formData: {
        selectedThing: "thingValue1",
        selectedPlace: "placeValue1"
    }
};



$("#btnUpdate").on("click", function(){
    var replacementForm = {
        selectedThing: "thingValue2",
        selectedPlace: "placeValue2"
    }
    $.observable(app).setProperty("formData", replacementForm);
});

$("#content").link(true, app);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://www.jsviews.com/download/jsviews.js"></script>

<div id="content">
    <input data-link="formData.selectedThing trigger=true"/>
    <br/>
    <input data-link="formData.selectedPlace trigger=true"/>
</div>

<button id="btnUpdate" type="button">Update</button>

オブジェクトのプロパティにデータリンクされたいくつかの入力フィールドがあり、ユーザーがボタンを押すと、これらのフィールドはすべてオブジェクトを使用して更新する必要があります (JSON としてサーバーから受信し、データオブジェクトと同じオブジェクトに逆シリアル化されます)フォーム要素の基礎となるものです。) これが私の jsfiddle です: http://jsfiddle.net/xpe1ds0a/

4

1 に答える 1