Düğme tıklandığında html'ye ayrı kendo penceresi içeriği nasıl yüklenir

Question

Bir kendo tabloyu ayrı bir html'den tek bir tıklamayla kendo penceresine yüklemeye çalışıyorum. Düğme tıklandığında, içeriği ayrı bir dosyadan pencereye yükledim ancak sekmeler almak yerine, istediğim gibi tüm içeriği yükledim. Çalışmak için sekmeler alabilmemin tek yolu, eğer bir index.html dosyasındaki tüm kodlara sahip olsam da onları ayırmam gerekiyor. Bu birkaç gün için bir problem oldu ve bir çözüm bulamıyorum. Lütfen yardım et. Benim index.html İçinde

, ben burayı

<button class="submit-button" data-toggle="modal" data-target="modal" id="open-button" type="submit">Create New</button> 

<div id="window"></div> 

ve benim modal.html geçerli:

<div class="tab k-content" id="tabstrip-left"> 
    <ul> 
    <li class="k-state-active">General Details</li> 
    <li>Coverage Details</li> 
    <li>Header &amp; Video</li> 
    <li>CTA Buttons</li> 
    <li>Savings Grid</li> 
    <li>Footer</li> 
    </ul> 
    <div class="container-fluid">General Content</div> 
    <div class="container-fluid">Coverage Content</div> 
    <div class="container-fluid">Header & Video Content</div> 
    <div class="container-fluid">CTA Content</div> 
    <div class="container-fluid">Savings Content</div> 
    <div class="container-fluid">Footer Content</div> 
    <fieldset class="form-group"> 
    <ul class="pager wizard"> 
     <li class="save button">Save</li> 
     <li><button class="close-button">Close</button></li> 
     <li class="back button">Back</li> 
     <li class="next button">Next</li> 
     <li class="finish button">Finish</li> 
    </ul> 
    </fieldset> 
</div> 

ve benim script.js

$(document).ready(function() { 

$("#window").load("create.html"); 

//populate grid with internal data 
var grid = $("#grid").kendoGrid({ 
      scrollable: true, 
      dataSource: clients 
     }); 

//variables 
var myWindow = $("#window"), 
    openButton = $("#open-button"), 
    tabstripLeft = $("#tabstrip-left"); 
    closeButton = $(".close-button"); 

//'create new' opens up modal 
openButton.click(function() { 
    myWindow.data("kendoWindow") 
    .center() 
    .open(); 
}); 

//modal window settings 
myWindow.kendoWindow({ 
    width: "900", 
    title: "Website Content", 
    visible: false, 
    modal: true, 
    actions: ["Close"], 
}).data("kendoWindow"); 

//remove keyboard navigation 
myWindow.removeAttr("tabindex"); 

//modal tabs 
tabstripLeft.kendoTabStrip({ 
    tabPosition: "left", 
    animation: false, 
    navigatable: true 
}); 

//close modal button inside window 
closeButton.click(function() { 
    myWindow.data("kendoWindow").close(); 
    }); 
}); 

Answer 1

denemek Widget'ı başlatmak için, tabstrip html henüz oluşturulmamış. Sekme şeridi widget'ını create.html html'de başlatmayı deneyin.