绑定单击事件并关闭kendo窗口

时间:2013-09-27 09:10:32

标签: window kendo-ui

我正在使用剑道窗口 而且我还有其他html视图 在这个HTML我有一个按钮。当我点击这个按钮时,我想关闭当前窗口。

<div id="window" class="k-window-content k-content" style="overflow: auto;" data-role="window" tabindex="0" role="dialog" aria-labelledby="window_wnd_title">
    <iframe class="k-content-frame" frameborder="0" src="http://localhost/eventBot/index.php/parsePortal/scrapePortalSite/5623" title="">
    <html class="k-ff k-ff23">
    <head>
    <body>
    <div id="example" class="k-content">
    <div id="window">
        <div class="block_content" data-role="tooltip">
           <form id="siteConfigForm" accept-charset="utf-8" method="post" action="http://localhost/eventBot/index.php/parsePortal/saveConfig" data-role="validator" novalidate="novalidate">
           <table>
              <tr>
              <td>
                   <button class="k-button save" onclick="siteConfig()" type="button">Save</button>
                   <button class="k-button" onclick="windowss()" type="button">close</button>
              </td>
              </tr>
           </table>
           </form>
        </div>
      </div>
 </div>

在这个html中我点击这个时保存按钮我要绑定window.close(); 我该怎么做呢 感谢。

1 个答案:

答案 0 :(得分:1)

不要在同一文档中复制ID。 siteConfig函数的示例:

function siteConfig() {
    // ...
    // some useful code

    $("#window").data("kendoWindow").close();
});

或写点击事件处理程序:

$(document).on('click', '.save', function (e) {
        $("#window").data("kendoWindow").close();
    });

在此处阅读有关窗口的kendo文档:http://demos.kendoui.com/web/window/index.html