如何在按钮单击时通过jquery onsuccess关闭kendo窗口

时间:2014-02-01 04:57:03

标签: jquery asp.net-mvc-4 kendo-ui kendo-window

我有这个附件栏

 columns.Command(command => command.Custom("Attachments").Click("showAttachments")).Width(100).Title("Attachments");

和我的kendowindow

  @(Html.Kendo().Window().Name("Attachments")
.Title("Upload Attachments")
.Visible(false)
.Modal(true)
.Draggable(true)
.Width(350)

<script type="text/x-kendo-template" id="attachment">
 <a data-role="button" onclick="myFunction();" class='k-button'>Upload</a>

按钮onclick

<script type="text/javascript">

function myFunction() {
    var ln = document.getElementById("NumInput").value;
    var fil = document.getElementById("files");
    var filepath = fil.value;            
    var assetid = document.getElementById("hdassetid").value;

    $.ajax({
        type: "POST",
        url: '/Asset/SaveAssetAttachments',
        data: { filename: ln, filepath: filepath, assetid: assetid },
        success: function (data) {
             $("#myWindow").data("kendoWindow").close();
         },
        })
    };

这里是显示名为

的Attacments函数时打开窗口的代码

function showAttachments(e) {
    e.preventDefault();
    var attachmentTemplate = kendo.template($("#attachment").html());
    var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
    var wnd = $("#Attachments").data("kendoWindow");

    wnd.content(attachmentTemplate(dataItem));
    wnd.center().open();
}
 <scrip/>

在这里,我想关闭kendowindow onupload sucess

1 个答案:

答案 0 :(得分:1)

我完成了这个.kendo窗口将关闭并显示警告信息

 $.ajax({
         type: "POST",
         url: '/Asset/SaveImages',
         data: { imagepath: imagepath, assetid: assetid },
         error: function () {
             $("#Images").data("kendoWindow").close();
             alert('Images uploaded Sucessfully');
         }
     })