Configuration of Window

[Victoria]

Hi,
My application has several Window objects sharing the same configuration settings. Is it possible to specify them somewhere and pass that on to kendoWindow when creating a window? Currently I have the following:

var win1 = $("#window1").kendoWindow({
        height: "600px",
        visible: false,
        width: "900px",
        modal: true,
        open: onOpenW
    }).data("kendoWindow");

var win2 = $("#window2").kendoWindow({
        height: "600px",
        visible: false,
        width: "900px",
        modal: true,
        open: onOpenW
    }).data("kendoWindow");

And I would like to have something like this (or whatever the syntax will be):

  config = {  height: "600px",
        visible: false,
        width: "900px",
        modal: true,
        open: onOpenW }

var win2 = $("#window2").kendoWindow({
        config
    }).data("kendoWindow");

Thanks!

[Alex Gyoshev]

Hello Victoria,

You almost nailed it! Just drop the braces when instantiating the window:

var config = {  height: "600px",
        visible: false,
        width: "900px",
        modal: true,
        open: onOpenW
};

var win2 = $("#window2").kendoWindow(config).data("kendoWindow");

All the best,
Alex Gyoshev
the Telerik team

[Victoria]

Great, thank you!

Another quick question regarding the same functionality. What if I'd like to have some properties to be "common properties" and some that are unique? For example, my config variable won't have "open" specified, but I'd like each window to execute its own "open" function:

var win1 = $("#window1").kendoWindow({
        height: "600px",
        visible: false,
        width: "900px",
        modal: true,
        open: function () {
kendo.bind($("#test1"), testModel1)
}
    }).data("kendoWindow");

var win2 = $("#window2").kendoWindow({
        height: "600px",
        visible: false,
        width: "900px",
        modal: true,
         open: function () {
kendo.bind($("#test2"), testModel2)
}
    }).data("kendoWindow");

Can I still make it working with common config variable and specify remaining properties somehow?

var config = {  height: "600px",
        visible: false,
        width: "900px",
        modal: true
};

var win2 = $("#window2").kendoWindow({ config,
open: function(){...}
     }).data("kendoWindow");

Thank you!
Victoria

[Nohinn]

Hello Victoria, you should pass a JSON object to the initialization of the window control.
If you have already some properties within a config variable (as in your case) and you want to add after that an specific option like the open callback, you can use this:

var win2 = $('#window2').kendoWindow($.extend({}, config, {open: function() { ... }})).data("kendoWindow");