Esempio n. 1
0
$today = new \Kendo\UI\PanelBarItem("Today");
$today->expanded(true)->addItem(new \Kendo\UI\PanelBarItem("Jane King"), new \Kendo\UI\PanelBarItem("Bob Fuller"), new \Kendo\UI\PanelBarItem("Lynda Kallahan"), new \Kendo\UI\PanelBarItem("Matt Sutnar"));
$panelbar->addItem($today);
$yesterday = new \Kendo\UI\PanelBarItem("Today");
$yesterday->addItem(new \Kendo\UI\PanelBarItem("Stewart "), new \Kendo\UI\PanelBarItem("Jane King"), new \Kendo\UI\PanelBarItem("Steven"), new \Kendo\UI\PanelBarItem("Ken Stone"));
$panelbar->addItem($yesterday);
$wednesday = new \Kendo\UI\PanelBarItem("Wednesday, February 01, 2012");
$wednesday->addItem(new \Kendo\UI\PanelBarItem("Jane King"), new \Kendo\UI\PanelBarItem("Lynda Kallahan"), new \Kendo\UI\PanelBarItem("Todd "), new \Kendo\UI\PanelBarItem("Bob Fuller"));
$panelbar->addItem($wednesday);
$tuesday = new \Kendo\UI\PanelBarItem("Tuesday, January 31, 2012");
$tuesday->addItem(new \Kendo\UI\PanelBarItem("Emily Davolio"), new \Kendo\UI\PanelBarItem("Matt Sutnar"), new \Kendo\UI\PanelBarItem("Bob Fuller"), new \Kendo\UI\PanelBarItem("Jenn Heinlein"));
$panelbar->addItem($tuesday);
$monday = new \Kendo\UI\PanelBarItem("Monday, January 30, 2012");
$monday->addItem(new \Kendo\UI\PanelBarItem("Matt Sutnar"), new \Kendo\UI\PanelBarItem("Joshua"), new \Kendo\UI\PanelBarItem("Michael"), new \Kendo\UI\PanelBarItem("Jenn Heinlein"));
$panelbar->addItem($monday);
echo $panelbar->render();
?>
    <div class="bottom"></div>
</div>
<script>
    $(document).ready(function() {
        var original = $("#panelbar").clone(true);
        original.find(".k-state-active").removeClass("k-state-active");

        $(".configuration input").change( function() {
            var panelBar = $("#panelbar"),
                clone = original.clone(true);

            panelBar.data("kendoPanelBar").collapse($("#panelbar .k-link"));

            panelBar.replaceWith(clone);