我用treeview编写了一个类似手册的代码。
div id="treview-back">
<?php
$treeview = new KendoUITreeView('treeview');
// helper function that creates TreeViewItem with imageUrl
function ImageTreeViewItem($text) {
$item = new KendoUITreeViewItem($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 KendoDataHierarchicalDataSource();
// add root-level nodes as datasource data
$dataSource->data(array($inbox));
$treeview->dataSource($dataSource);
echo $treeview->render();
?></div>
我需要添加一个分配器小部件,我要怎么做?我没在手动档找到它。为什么,如果我添加这段代码
<script type="text/javascript">$("#treeview").kendoTreeView({
checkboxes: true
});</script>
TreeView消失。
代码的结构与您为tree
所做的几乎相同。
<div id="outer-splitter">
<?php
$treeview = new KendoUITreeView('treeview');
// helper function that creates TreeViewItem with imageUrl
function ImageTreeViewItem($text) {
$item = new KendoUITreeViewItem($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 KendoDataHierarchicalDataSource();
// add root-level nodes as datasource data
$dataSource->data(array($inbox));
$treeview->dataSource($dataSource);
// Create Left Pane
$leftPane = new KendoUISplitterPane();
$leftPane->attr("id", "left-pane")->collapsible(true)->size(220)->content($treeview->render());
// Create Right Pane
$rightPane = new KendoUISplitterPane();
$rightPane->attr("id", "right-pane")->collapsible(true)->size(220)->startContent();
?>
<div>
Right pane
</div>
<?php
$rightPane->endContent();
// create outer splitter
$splitter = new KendoUISplitter('splitter');
$splitter->orientation("horizontal");
$splitter->addPane($leftPane);
$splitter->addPane($rightPane);
echo $splitter->render();
?>
</div>
配置Splitter, setting its
内容时需要使用KendoUISplitter
。这里我用的是:
-
orientation
用于设置窗格的方向。horizontal
表示它们水平平铺。 -
addPane
允许您添加KendoUiSplitterPane
- 在
KendoUiSplitterPane
中,我使用content
在内部添加另一个小部件定义,startContent
和endContent
用于分隔HTML块的开始和结束。
你可以在这里找到很好的信息。
您的代码使拆分器消失,因为这是使用Kendo UI小部件的不同方式(纯javascript,不使用PHP包装器),并且在该代码段中,您没有定义新 TreeView的内容。