Как динамически генерировать базовый виджет kendoUI?

У меня возникла проблема с пользовательским интерфейсом Kendo:

При попытке создать список динамически (я хочу, чтобы это был listView) с помощью метода onShow. Похоже, что он не имеет ни функций, ни стилей KendoUI. например, если кендо «Генератор виджетов» уже сделал свою работу и не трогает только что добавленный контент.

В моем случае:

Вот 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>

В конце концов, контент генерируется так, как я сказал Усату, но Kendo не применяет ни свои функции к этому listView, ни какой-либо стиль.

Я понимаю, почему (я предполагаю, что html должен быть там с самого начала), поэтому мой вопрос: как найти обходной путь для динамического создания представления списка с помощью метода onShow с рулем Mustache (в идеале), который пользовательский интерфейс Kendo распознает, а затем применить к нему список функций Views?

Огромное спасибо


person Miles M.    schedule 21.01.2014    source источник


Ответы (1)


Возможно, вам потребуется запустить kendo.bind или kendo.init в div profileContent после его заполнения.

person Bundyo    schedule 22.01.2014
comment
Спасибо, я собираюсь попробовать - person Miles M.; 23.01.2014