왜 검도 창이 열리지 않습니까?

Question

검도를 사용하여 창 팝업을 만들지 만,이 창은 사용자가 버튼을 클릭했을 때만 표시되어야합니다. 표시되는 코드는 웹 페이지가 요청 될 때 창을 자동으로 엽니 다. 나는 약간 연구를했으나 아무것도 발견하지 못했다. 어떤 아이디어?

자세한 정보 : 이것은 양식에 사용되며 서명 패드가 내부에 있으므로 패드 (창)에 서명하면 테이블의 셀 (여기를 클릭하여 서명하십시오)이 서명. 창을 열려면 여기를

클릭 : 지금이 버튼을

<style> 
    #example { 
     min-height: 500px; 
    } 

    #undo { 
     text-align: center; 
     position: absolute; 
     white-space: nowrap; 
     padding: 1em; 
     cursor: pointer; 
    } 

    .armchair { 
     float: left; 
     margin: 30px 30px 120px 30px; 
     text-align: center; 
    } 

     .armchair img { 
      display: block; 
      margin-bottom: 10px; 
     } 

    .k-window-content a { 
     color: #BBB; 
    } 

    .k-window-content p { 
     margin-bottom: 1em; 
    } 

    @@media screen and (max-width: 1023px) { 
     div.k-window { 
      display: none !important; 
     } 
    } 
</style> 


<table> 

    <tr> 
     <td> 
      <div id="example"> 
       <div id="window"> 
        <H1>This is the window</H1> 
       </div> 
       <span id="undo" style="display:none" class="k-button hide-on-narrow">Click here to sign</span> 
       <div class="responsive-message"></div> 
      </div> 
     </td> 
    </tr> 



</table> 

<link rel="stylesheet" href="styles/kendo.common.min.css" /> 
<link rel="stylesheet" href="styles/kendo.default.min.css" /> 
<link rel="stylesheet" href="styles/kendo.default.mobile.min.css" /> 

<script src="js/jquery.min.js"></script> 
<script src="js/kendo.all.min.js"></script> 

<script> 
    $(document).ready(function() { 
     var myWindow = $("#window"), 
      undo = $("#undo"); 

     undo.click(function() { 
      myWindow.data("kendoWindow").open(); 
      undo.fadeOut(); 
     }); 

     function onClose() { 
      undo.fadeIn(); 
     } 

     myWindow.kendoWindow({ 
      width: "600px", 
      title: "About Alvar Aalto", 
      visible: false, 
      actions: [ 
       "Pin", 
       "Minimize", 
       "Maximize", 
       "Close" 
      ], 
      close: onClose 
     }).data("kendoWindow").center().open(); 
    }); 
</script> 

.cshtml.

이 기능 :

$("#open").click(function (e) { 
      myWindow.data("kendoWindow").open(); 

     }); 

는 그러나 창을 열지 않습니다?

Answer 1

창 바로 당신이 명시 적으로 바로 열을 이야기하고 있기 때문에 개방된다

myWindow.kendoWindow({ 
    .... 
}).data("kendoWindow").center().open(); 

• myWindow.kendoWindow가 ({== 검도 창

• 에 myWindow십시오. 데이터 ("kendoWindow") == 해당 검도 창에 대한 참조를 얻으십시오.

• .center(). open() == 화면 중앙에 놓고 (여전히 숨김) 열고 엽니 다.

초기화 코드에서 .center(). open()을 제거하고 단추를 클릭 할 때만 사용하십시오.

https://dojo.telerik.com/@Stephen/uXeJe