从DIV创建时为kendo窗口定义关闭事件

时间:2013-07-09 13:25:43

标签: javascript kendo-ui

我知道这是一种定义剑道窗口的模糊方法,但它是我们在应用程序中执行它的方式,它在大多数情况下都能正常工作。当用户关闭窗口时,我正在努力捕获Close事件的语法。我有以下内容适用于所有其他意图和目的:

$("<div id=\"" + windowName + "\" />").appendTo(document.body).kendoWindow({
                draggable: true, resizable: true, width: width, height: height,
                scrollable: false, modal: false, actions: ["Close"]
});

如何捕获Close事件以触发其他功能?我试过添加

$("<div id=\"" + windowName + "\" />").appendTo(document.body).kendoWindow({
                draggable: true, resizable: true, width: width, height: height,
                scrollable: false, modal: false, actions: ["Close"], Close:"noteClose",
});

在几个版本中,包括在noteClose之后添加()以及在另一个定义窗口的方法中看到“close:”。

任何人都可以帮助使用正确的语法吗?

更新:@OnaBai为我的问题提供了一个完美的解决方案。另请参阅OnaBai关于将参数传递给函数

的语法的答案

1 个答案:

答案 0 :(得分:0)

有两个问题:

  1. 该活动的名称不是Close,而是close
  2. 处理程序需要是一个函数。
  3. 所以它应该是:

    $("<div id=\"" + windowName + "\" />").appendTo(document.body).kendoWindow({
        draggable: true,
        resizable: true,
        width: width,
        height: height,
        scrollable: false,
        modal: false,
        actions: ["Close"],
        close:noteClose
    });
    

    编辑:如果您想将一些参数传递给noteClose,那么您需要这样做:

    $("<div id=\"" + windowName + "\" />").appendTo(document.body).kendoWindow({
        draggable: true,
        resizable: true,
        width: width,
        height: height,
        scrollable: false,
        modal: false,
        actions: ["Close"],
        close: function() {
            noteClose(parameterVariable);
        }
    });