Question

我正面临着Kendo UI的问题：

尝试使用onShow方法动态生成列表（我希望它是listView）。它似乎没有附加任何KendoUI功能和样式。就像kendo“Widget生成器”已经完成它的工作并且不要触摸新添加的内容一样。

就我而言：

这是HTML：

    <div data-role="view" id="profile" data-title="Profile" data-layout="overview-layout" data-show="initProfile">
        <div id="profileContent"></div>

        She/He Might Like:
        <div data-role="scrollview" data-page="0">
            <div class="login-scrollV" id="page1" data-role="page">
            </div><div class="login-scrollV" id="page2" data-role="page">
            </div><div class="login-scrollV" id="page3" data-role="page">
            </div>
        </div>
    </div>

使用Mustache JS，我动态生成此内容并将其附加到#profileContent

    <script id="profileTemplate" type="text/x-handlebars-template">

        <ul id="profileList" data-role="listview" data-style="inset" data-id="{{id}}" data-type="group">
            <li>Profile
                <ul>
                    <li><h2>{{firstname}} <span>{{lastname}}</span></h2><img src="{{picture}}" /></li>
                    <li>Gender <span class="sales-up">{{genre}}</span></li>
                    <li>Notation <span class="sales-up">Not Yet Ready</span></li>
                </ul>
            </li>
            <li>Center Of Interests
                <ul>
                    <li>Rock</li>
                    <li>Opera</li>
                    <li>Exhibitions</li>
                </ul>
            </li>
        </ul>

    </script>

最后，内容是按照我告诉Mustache这样做的方式生成的，但是Kendo并没有将它的任何功能都应用到这个listView或任何样式。

我理解为什么（我认为html应该从一开始就存在），所以我的问题是：如何找到一个解决方法来创建列表动态使用带有Mustache手柄的onShow方法（理想情况下），Kendo UI可以识别，然后将列表视图功能应用于它？

非常感谢

Answer 1

填充后，您可能需要在profileContent div上运行kendo.bind或kendo.init。

如何动态生成基本的kendoUI小部件？

1 个答案: