如何在按钮单击时通过jquery onsucess关闭kendo窗口 [英] How to close kendo window through jquery onsucess on button click
问题描述
我有这个附件栏
columns.Command(command => command.Custom(Attachments)。点击(showAttachments))。宽度(100)。标题(附件);
和我的kendowindow
@(Html。 Kendo()。窗口()。名称(附件)
。标题(上传附件)
。可见(假)
.Modal(true)
.Draggable(true)
。宽度(350)
)
和
< script type =text / x-kendo-templateid =attachment >
上传
按钮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({
类型:POST,
url:'/ Asset / SaveAssetAttachments',
data:{filename:ln,filepath:filepath,assetid:assetid},
成功:函数(数据){
$(#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();
}
& lt; scrip>
这里我要关闭kendowindow onupload sucess
.ajax({
类型:POST,
url:'/ Asset / SaveAssetAttachments',
data:{filename:ln,filepath:filepath,assetid :assetid},
成功:函数(数据){
(#myWindow)。data(kendoWindow)。close( );
},
})
};
和这里显示Attacments函数时打开窗口的代码
function showAttachments(e){
e.preventDefault();
var attachmentTemplate = kendo.template(
(#attachment)。html());
var dataItem = this.dataItem(
I have this attachments column
columns.Command(command => command.Custom("Attachments").Click("showAttachments")).Width(100).Title("Attachments");
and my kendowindow
@(Html.Kendo().Window().Name("Attachments")
.Title("Upload Attachments")
.Visible(false)
.Modal(true)
.Draggable(true)
.Width(350)
)
And
<script type="text/x-kendo-template" id="attachment">
Upload
button 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();
},
})
};
and here is code for opening window when show Attacments function called
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>
Here i want to close kendowindow onupload sucess
.ajax({
type: "POST",
url: '/Asset/SaveAssetAttachments',
data: { filename: ln, filepath: filepath, assetid: assetid },
success: function (data) {
("#myWindow").data("kendoWindow").close();
},
})
};
and here is code for opening window when show Attacments function called
function showAttachments(e) {
e.preventDefault();
var attachmentTemplate = kendo.template(
("#attachment").html());
var dataItem = this.dataItem(
这篇关于如何在按钮单击时通过jquery onsucess关闭kendo窗口的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!