4

kendoWindow で kendoNotification を使用しようとしています。動作しますが、kendoWindow の背後に kendoNotification が表示されます。両方で z-index を変更しようとしましたが、役に立ちませんでした。kendoWindow の上に kendoNotification を表示するにはどうすればよいですか?

関連コード

    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");
}
4

1 に答える 1