When using MVVM, when modal = true, the entire page is always in modal mode at page load even if the dialog is not visible. When not using MVVM, when the dialog is not visible, the page is not in modal mode which is expected.
Here is a modified Dojo that I got from your demo page that I set the dialog to not visible but the modal is on at page load.
https://dojo.telerik.com/OYOcedum
Here is the same not using MVVM that the dialog is set to not visible and the modal is not on at page load as expected.
kendo.data.binders.widget.dialogOpen = kendo.data.Binder.extend({
init:
function
(widget, bindings, options) {
kendo.data.Binder.fn.init.call(
this
, widget.element[0], bindings, options);
},
refresh:
function
() {
var
that =
this
;
var
value = that.bindings[
"dialogOpen"
].get();
var
dialog = $(that.element).data(
"kendoDialog"
);
if
(value){
dialog.open();
}
else
{
dialog.close();
}
}
});