KO Dialog バインディング

データバインディングのオプション：

autoOpen
disabled
draggable
modal
resizable

例：

この例では、ダイアログと組み合わせて使用する ViewModel が定義されています。このビューには、disabled、autoOpen、draggable、model、および resizable プロパティがバインドされています。これらのいずれかの値が変更されると、ウィジェットは自動的にその変化に応答します。ウィジェットは、これらの値を変更する際に ViewModel の値も更新します。

ViewModel の作成：

ViewModel スクリプト	コードのコピー
var viewModel = function () { var self = this; self.disabled = ko.observable(false); self.autoOpen = ko.observable(true); self.draggable = ko.observable(true); self.modal = ko.observable(false); self.resizable = ko.observable(true); };

ViewModel スクリプト

コードのコピー

var viewModel = function () {  
     var self = this;
     self.disabled = ko.observable(false);
     self.autoOpen = ko.observable(true);
     self.draggable = ko.observable(true);
     self.modal = ko.observable(false); 
     self.resizable = ko.observable(true);
};

バインドコントロールを使用したビューの作成：

ビューのマークアップ	コードのコピー
<div id="dialog" data-bind="wijdialog: { disabled: disabled, autoOpen: autoOpen, draggable: draggable, modal: modal, resizable: resizable }" title="Basic dialog">

関連トピック

参照