如何使用PHP包装器在kendoui中嵌套小部件？

我用treeview编写了一个代码，就像手册中那样

div id="treview-back">
<?php

$treeview = new \Kendo\UI\TreeView('treeview');

// helper function that creates TreeViewItem with imageUrl
function ImageTreeViewItem($text) {
    $item = new \Kendo\UI\TreeViewItem($text);
    return $item;
}

$msg = ImageTreeViewItem('Message');
$msg->addItem(
            ImageTreeViewItem('New Message'),
            ImageTreeViewItem('Replay')
        );    
$msg->expanded(true);
$inbox = ImageTreeViewItem('Home');
$inbox->expanded(TRUE);
$inbox->addItem($msg);

$dataSource = new \Kendo\Data\HierarchicalDataSource();

// add root-level nodes as datasource data
$dataSource->data(array($inbox));
$treeview->dataSource($dataSource);

echo $treeview->render();
?></div>

div id=“treview back”>

我需要添加一个拆分器小部件，我该怎么做？我在手册上找不到。 为什么，如果我添加此代码

 <script type="text/javascript">$("#treeview").kendoTreeView({
    checkboxes: true
 });</script>

$（“#树视图”）.kendoTreeView({
复选框：正确
});

---

树景消失了

代码的结构与您为

树所做的几乎相同

<div id="outer-splitter">
    <?php
    $treeview = new \Kendo\UI\TreeView('treeview');

    // helper function that creates TreeViewItem with imageUrl
    function ImageTreeViewItem($text) {
        $item = new \Kendo\UI\TreeViewItem($text);
        return $item;
    }

    $msg = ImageTreeViewItem('Message');
    $msg->addItem(ImageTreeViewItem('New Message'), ImageTreeViewItem('Replay'));
    $msg->expanded(true);
    $inbox = ImageTreeViewItem('Home');
    $inbox->expanded(TRUE);
    $inbox->addItem($msg);

    $dataSource = new \Kendo\Data\HierarchicalDataSource();

    // add root-level nodes as datasource data
    $dataSource->data(array($inbox));
    $treeview->dataSource($dataSource);

    // Create Left Pane
    $leftPane = new \Kendo\UI\SplitterPane();
    $leftPane->attr("id", "left-pane")->collapsible(true)->size(220)->content($treeview->render());

    // Create Right Pane
    $rightPane = new \Kendo\UI\SplitterPane();
    $rightPane->attr("id", "right-pane")->collapsible(true)->size(220)->startContent();
    ?>

    <div>
        Right pane
    </div>


    <?php
    $rightPane->endContent();

    // create outer splitter
    $splitter = new \Kendo\UI\Splitter('splitter');
    $splitter->orientation("horizontal");
    $splitter->addPane($leftPane);
    $splitter->addPane($rightPane);

    echo $splitter->render();
    ?>
</div>


右窗格

您需要使用
\Kendo\UI\Splitter
来配置
拆分器，设置其内容。在这里，我使用：


方向
用于设置窗格的方向<代码>水平
表示它们是水平平铺的
addPane
允许您添加
\Kendo\Ui\SplitterPane
在
\Kendo\Ui\SplitterPane
中，我使用
content
在内部添加另一个小部件定义，使用
startContent
和
endContent
分隔HTML块的开始和结束

您可以在中找到非常好的信息

您的代码使拆分器消失，因为这是使用KendoUI小部件（纯JavaScript，不使用PHP包装器）的另一种方式，并且在这段代码中您没有定义新TreeView的内容