I'm working with the layout example and seem to be missing something very basic. If I run:
$(document).ready(function (){
var fooView = new kendo.View("<span>foo</span>");
var layout = new kendo.Layout("<header>Header</header><section id='content'></section><footer>Footer</footer>");
layout.render($("#app"));
layout.showIn("#content", fooView);
});
I get as expected:
Header
foo
Footer
What I can't figure out is the how to replace:
var fooView = new kendo.View("<span>foo</span>");
with an external file (i.e. foo.html that contains <span>foo</span>)
What is the syntax to load content from an external html file into the content section of a layout?
Thanks for your help.
$(document).ready(function (){
var fooView = new kendo.View("<span>foo</span>");
var layout = new kendo.Layout("<header>Header</header><section id='content'></section><footer>Footer</footer>");
layout.render($("#app"));
layout.showIn("#content", fooView);
});
I get as expected:
Header
foo
Footer
What I can't figure out is the how to replace:
var fooView = new kendo.View("<span>foo</span>");
with an external file (i.e. foo.html that contains <span>foo</span>)
What is the syntax to load content from an external html file into the content section of a layout?
Thanks for your help.