如何通过单击按钮上的jQuery onsucess关闭kendo窗口

debugcn 发表于 Dev

卡尔提克

我有此附件列

 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>

按钮点击

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

这是当调用show 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成功

卡尔提克

我通过此.kendo窗口关闭，并显示警报消息

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。