kendo ui 外部模板小部件答案

【问题标题】：kendo ui external template widgetskendo ui 外部模板小部件
【发布时间】：2019-01-08 15:06:11
【问题描述】：

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

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

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

<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 似乎没有任何影响。

【问题讨论】：

标签： jquery templates kendo-ui widget external

【解决方案1】：

好的。我想到了。似乎“kendo”需要在“body”中有一个容器——不应该使用 body 元素。一旦我在 body 中放置了一个 div 容器，然后将外部模板加载到该 div 中，一切都呈现得很好。我猜 DOM body 元素不能或不应该被使用。

【讨论】：