2014-06-05 2 views
4

kendoWindow와 함께 kendoNotification을 사용하려고합니다. 나는 작동하지만 검도 검도 창 뒤에있는 표시. 나는 양쪽에서 Z-index를 변경하려고 시도했지만 아무 소용이 없다. kendoNotification을 kendoWindow 위에 표시하려면 어떻게해야합니까?kendoWindow로 kendoNotification 표시를 얻는 방법

관련 코드, 돌아온 대답은의 Z- 인덱스 설정에서 onShow 이벤트 핸들러를 사용하는

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

답을 정답으로 선택하십시오. – ataravati

답변

10

저도 같은 문제가, 그리고 검도 UI 포럼에서 질문을이었다 CSS. 코드를 다음과 같이 변경하면 제대로 작동합니다.

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 
    }); 
} 
관련 문제