Question

我正在尝试以最小的初始标记来设置SAP（单页应用程序）。登录后，我试图将“主应用程序模板”加载到定义拆分器和Tabstripes等的dom主体中。

这种方法可以检查dom，但是永远不会正确初始化外部模板小部件。拆分器不会更改为拆分器，制表符不会更改为选项卡等。即使我手动调用container.init或绑定它也不会呈现。

如果我将html标记从外部模板移动到正文，则一切正常。我想我在这里缺少一些主要的概念性东西。是仅用于简单内容的外部模板，也许完整的布局太多了。我想念什么？我在其中看到html标记，它似乎被kendo“包装”了，但是它没有渲染。

<div id="main">
<div id="tabstrip">
    <ul>
        <li class="k-state-active">Item 1</li>
        <li>Item 2</li>
    </ul>

    <div style="padding:0;overflow:hidden">
        <div id="grid"></div>
    </div>

    <div>
        <div id="split-horizontal2">

            <div>Left</div>

            <div id="contacts"></div>

            <div>Right</div>
        </div>
    </div>
</div>

当模板加载到DOM中时，我称呼类似

var tabStrip = $("#tabstrip").kendoTabStrip({
        animation: false
    });
// also for splitters etc.

在#main上调用kendo.bind或在#main上调用init似乎没有任何作用。

Answer 1

好的。我想到了。好像“ kendo”需要在“ body”中包含一个容器-不应使用body元素。一旦我在主体中放置了一个div容器，然后将外部模板加载到该div中，一切都呈现良好。我猜不能或不应使用DOM body元素。

kendo ui外部模板小部件

1 个答案: