внешние шаблоны кендо ui - PullRequest
       17

внешние шаблоны кендо ui

0 голосов
/ 08 января 2019

Я пытаюсь настроить 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.

вызов kendo.bind на #main или init на #main, похоже, ничего не дает.

1 Ответ

0 голосов
/ 08 января 2019

Хорошо. Я понял. Похоже, что для «кендо» требуется контейнер в «теле» - элемент body не должен использоваться. Однажды я поместил контейнер div в тело, а затем загрузил внешний шаблон в этот div, все отрисовалось хорошо. Я предполагаю, что элемент тела DOM не может или не должен использоваться.

...