【问题标题】:define close event for kendo window when creating from DIV从 DIV 创建时定义剑道窗口的关闭事件
【发布时间】:2013-07-09 13:25:42
【问题描述】:

我知道这是定义 Kendo Window 的一种晦涩方式,但这是我们在应用程序中使用的方式,并且在大多数情况下都可以正常工作。当用户关闭窗口时,我正在努力捕获 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 的答案,了解将参数传递给函数的语法

【问题讨论】:

    标签: javascript kendo-ui


    【解决方案1】:

    有两个问题:

    1. 事件名称不是Close,而是close
    2. 处理程序必须是函数。

    应该是这样的:

    $("<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);
        }
    });
    

    【讨论】:

    • 抱歉另一个问题,但是如何使用这种方法将参数传递给 noteClose 函数?我尝试了(parameterVariable),它不会产生语法错误,但似乎窗口不是在 DOM 中创建的。
    • 如果您说 noteClose(parameterVariable),您要求在创建窗口后立即执行它,并且预期结果是您关闭时执行的函数。请尽可能不要将 cmets 用于新问题,因为它比其他人阅读您的问题的可能性更小,因此您会减少获得回复的机会。
    • 点了,将修改我的第一篇文章。
    • 再次感谢您的编辑,为了清楚起见,将再次修改我的第一篇文章
    • 不,你没有抓住重点,我的意思是提交一个新问题,因为大多数人只检查新问题;-) 无论如何,我知道答案......
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-10-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多