Kendo ui 如何使用kendoWindow获得KendNotification显示
我正在尝试使用kendoWindow的kendoNotification。我认为这是可行的,但肯多文多背后的肯多诺蒂形象。我试着在两个方向上都改变z索引,但都没有效果。我怎样才能让kendoNotification显示在kendoWindow顶部 相关代码Kendo ui 如何使用kendoWindow获得KendNotification显示,kendo-ui,kendo-window,Kendo Ui,Kendo Window,我正在尝试使用kendoWindow的kendoNotification。我认为这是可行的,但肯多文多背后的肯多诺蒂形象。我试着在两个方向上都改变z索引,但都没有效果。我怎样才能让kendoNotification显示在kendoWindow顶部 相关代码 displayNotes.data("kendoWindow").content( "<div>" + "<span id='popupValidation'>&
displayNotes.data("kendoWindow").content(
"<div>" +
"<span id='popupValidation'></span>" +
" <input type='hidden' id='NoteDate' value='' />" +
" <input type='hidden' id='NoteID' />" +
" <div style='margin:5px'>" +
" <label>Subject: </label>" +
" <input type='text' class='search1'; " +
" style='width: 300px; float:right;'" +
" id='Subject' ></input>" +
" </div>" +
" <div style='margin:30px 5px 5px 5px;'>" +
" <label style='margin-left:15px;'>Detail: </label>" +
" <textarea id='Detail' style='width: 304px; float:right; height: 155px;'> </textarea>" +
" </div>" +
" <div style='margin-top:160px;' align='center'>" +
" <a onclick='SaveNewNote()' style='width: 70px;' class='k-button'>Save</a>" +
" <a onclick='CloseNoteWindow()' style='width: 75px;' class='k-button'>Cancel<a/>" +
" <div>" +
"</div>").title("Add Note");
displayNotes.data("kendoWindow").open().center();
});
function SaveNewNote(message)
{
var popupNotification = $("#popupValidation").kendoNotification().data("kendoNotification");
popupNotification.setOptions({
position: {
top: 260,
left: Math.floor($(window).width() / 2 - 110),
bottom: 0,
right: 0
}
});
popupNotification.show(message, "error");
}
displayNotes.data(“kendoWindow”).content(
"" +
"" +
" " +
" " +
" " +
“主题:”+
" " +
" " +
" " +
“详细信息:”+
" " +
" " +
" " +
“保存”+
“取消”+
" " +
)。标题(“添加注释”);
displayNotes.data(“kendoWindow”).open().center();
});
函数SaveNewNote(消息)
{
var popupNotification=$(“#popupValidation”).kendoNotification().data(“kendoNotification”);
popupNotification.setOptions({
职位:{
排名:260,
左:数学地板($(窗口).width()/2-110),
底部:0,
右:0
}
});
show(消息“error”);
}
我也遇到了同样的问题,在剑道UI论坛上问了这个问题,得到的答案是使用onShow事件处理程序在CSS中设置z索引。将代码更改为以下内容,它应该可以工作:
popupNotification.setOptions({
position: {
top: 260,
left: Math.floor($(window).width() / 2 - 110),
bottom: 0,
right: 0
},
show: onShow
});
function onShow(e) {
e.element.parent().css({
zIndex: 22222
});
}
选择答案作为正确答案。