kendo ui 外部模板小部件

Question

我正在尝试使用最少的初始登录标记设置 SAP（单页应用程序）。登录后，我试图将 "main app template" 加载到 dom 主体，该主体定义了拆分器和标签条等

它有点工作，检查 dom，但外部模板小部件从未正确初始化。拆分器不会更改为拆分器，tabstripes 不会更改为选项卡等。即使我手动调用 container.init 或绑定它也不会呈现。

如果我将 html 标记从外部模板移动到正文，那么一切正常。我想我在这里遗漏了一些重要的概念。外部模板只是为了简单的东西，也许完整的布局太多了。我错过了什么？我在那里看到 html 标记，它似乎是 kendo 的 "wrapped"，但它只是不呈现。

<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 元素。一旦我在 body 中放置了一个 div 容器，然后将外部模板加载到那个 div 中，一切都呈现得很好。我想 DOM body 元素不能或不应该使用。

kendo ui 外部模板小部件

kendo ui external template widgets

jquery

templates

external

widget

kendo-ui