2012-11-19 6 views
0

검도 UI를 처음 사용했습니다. 내 컨트롤러의 결과로 팝업을 표시하고 싶습니다.KendUI 창을 채우는 방법

예제는 매우 간단합니다. 내 페이지에이 데이터가 있습니다.

Some text [Create] 

[만들기]를 클릭하면 내 컨트롤러로 전화가 왔습니다. 컨트롤러가 PDF 파일을 만듭니다. 다음으로 KendoUI 창에 pdf를 표시하고 싶습니다.

KendoUi 창이 표시 할 PDF 파일 이름을 인식 할 수 있도록 정보를 페이지로 전달하는 방법이 끊깁니다.

미리 감사드립니다.

스티브

MVC 4

KendoUI 2012.2.270

답변

0

두 가지 기본 방법이 있습니다

  1. 당신은 페이지가로드되는 창을 생성하고 변경하는 기능을가 콘텐츠를 확인하고 표시되도록합니다.
  2. 매번 창을 만듭니다.

    $("#popup_window").kendoWindow({ 
        title :"PDF document", 
        visible :false 
    }); 
    
    $("#show").click(function() { 
        $("#popup_window").html("<object id='pdf' data='doc.pdf' type='application/pdf'/>"); 
        $("#popup_window").data("kendoWindow").open(); 
    }); 
    
    : 1. 당신이 그럼 당신은 당신이 창으로 오픈을 트리거에 대한 click 바인딩을 정의 그런 다음이

    <div id="popup_window"> 
    </div> 
    <a href="#" id="show">Create PDF</a> 
    

    같은 인 HTML이 있다고 가정

어디서 kendoWindow을 만들었지 만 표시 여부를 표시하지 않도록 설정했습니다. 그런 다음 메시지의 내용을 HTML object으로 설정하는 메시지의 클릭에 기능을 바인딩합니다. 여기서 data 특성은 PDF 문서이며 kendoWindowopen 메서드를 호출하여 엽니 다.

+0

의견에 감사드립니다. 나는 나의 필요를 해결하는이 해결책을 발견했다. 'function winOpen() { var id = document.getElementById ("employId"). 값; id = '4052D8B9-8232-E211-84AC-B4A17689C6D9'; VAR kendoWindow = $ ("# kjWindow") kendoWindow ({ 제목 :. "파일보기" 폭 : "750px" 높이 : "480 픽셀", 내용 : "/ 홈/ViewPDF /"+ ID, 모달 : true, 작업 : [ "닫기", "새로 고침", "최대화"] }); } '. ** content ** 속성을 사용하면 내 문제를 해결하는 데 도움이되었습니다. – Steve