Окно всплывающего окна Kendo

Question

Привет, я хотел загрузить ниже div во всплывающем окне по нажатию кнопки на странице. Вот мой пример кода

<input type="button" name="btnload" id = "btnload" onclick="loadpopupwindow();"/> 

     <script id="customPopUpTemplate" type="text/x-kendo-template"> 
    <div class="k-edit-label">ProductName: </div> 
    <div class="k-edit-field"> 
     <input name="ProductName" required class="k-textbox"/> 
    </div> 

    <div class="k-edit-label">Discontinued: </div> 
    <div class="k-edit-field"> 
     <input name="Discontinued" type="checkbox" /> 
    </div> 
</script> 

Я работаю с кендо и JQuery

Answer 1

Попробуйте это,

Onclick of this link tag: 
<li class="topicheight">  
     <a class="topiclistone" onclick="displayContent()" href="javascript: void(0)">       
</li> 

DIV tag display in popup: 
    <div id="windowContentMessage"> 
       </div> 

JS function which open popup: 

    function displayContent() { 
       if (ContentTitle != '') { 
        $('#windowContentMessage').html(HTMLDescription + '<input id=\"btnOkHowItWorks\" class=\"k-button btninput\" style=\"width: 60px;margin-left:230px;\" type=\"button\" value=\"Ok\" />'); 
        ContentWindow = $('#windowContentMessage').kendoWindow({ 
         title: ContentTitle, 
         visible: false, 
         modal: true, 
         resizable: true, 
         width: '550px'       
        }).data("kendoWindow"); 
        ContentWindow.open(); 
        ContentWindow.center(); 
       } 
      } 

Позвольте мне знать, если любой вопрос.