示例#1
0
<div class="demo-section">

<?php 
$panelbar = new \Kendo\UI\PanelBar('panelbar');
$panelbar->attr('accesskey', 'w')->expandMode("multiple");
$salesforecasts = new \Kendo\UI\PanelBarItem("Sales Forecasts");
$salesforecasts->addItem(new \Kendo\UI\PanelBarItem("Q1 Forecast"), new \Kendo\UI\PanelBarItem("Q2 Forecast"), new \Kendo\UI\PanelBarItem("Q3 Forecast"), new \Kendo\UI\PanelBarItem("Q4 Forecast"));
$projects = new \Kendo\UI\PanelBarItem("Projects");
$projects->addItem(new \Kendo\UI\PanelBarItem("New Business Plan"), $salesforecasts, new \Kendo\UI\PanelBarItem("Sales Reports"));
$panelbar->addItem($projects);
$programs = new \Kendo\UI\PanelBarItem("Programs");
$programs->addItem(new \Kendo\UI\PanelBarItem("Monday"), new \Kendo\UI\PanelBarItem("Tuesday"), new \Kendo\UI\PanelBarItem("Wednesday"), new \Kendo\UI\PanelBarItem("Thursday"), new \Kendo\UI\PanelBarItem("Friday"));
$panelbar->addItem($programs);
$communication = new \Kendo\UI\PanelBarItem("Communication");
$communication->enabled(false);
$panelbar->addItem($communication);
echo $panelbar->render();
?>

</div>

<ul class="keyboard-legend">
    <li>
        <span class="button-preview">
            <span class="key-button leftAlign wider"><a target="_blank" href="http://en.wikipedia.org/wiki/Access_key">Access key</a></span>
            +
            <span class="key-button">w</span>
        </span>
        <span class="button-descr">
            focuses the widget