Как настроить разделение экрана с помощью фреймворка кендо?

Question

Я новичок в разработке JS. У меня есть класс, определенный в html файле.

       <div class="content">
            <div id="splitter">
              <div>Pane A</div>
              <div>Pane B</div>
            </div>
</div>

Я хочу использовать разветвитель кендо, чтобы разделить экран в соотношении 20:80. Вот код файла JS:

                  var currViewCtx = viewEvt.view.viewCtx;
            var contentView = currViewCtx.getViewContent().find(".content");
            var Widget = CrudUtils.createFilter();
            if (FilterWidget.Id != null) {
                $(contentView).find("#splitter").kendoSplitter({/////Line x
                    orientation: "horizontal",
                    panes: [{ resizable: false, size: "20%", collapsible: false },
                    { resizable: false, collapsible: false }]
                });
            }

Код не запускается из Line x. Может ли кто-нибудь помочь мне с кодом?

Answer 1

Не знаю, почему они у вас есть contentViewвещи. Вы можете просто перейти прямо к $("#splitter"). Вот пример разделения экрана 20:80. Вы можете провести это в Кендо Додзё.