Kendo\UI\Menu PHPのコード例

コード例 #1

0

ファイルを表示

ファイル: events.php プロジェクト: neevan1e/Done

<?php

require_once '../include/header.php';
require_once '../lib/Kendo/Autoload.php';
?>

<?php 
$menu = new \Kendo\UI\Menu('menu');
$menu->attr('style', 'margin-bottom: 200px');
$first = new \Kendo\UI\MenuItem("First Item");
$first->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4"));
$menu->addItem($first);
$second = new \Kendo\UI\MenuItem("Second Item");
$second->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4"));
$menu->addItem($second);
$third = new \Kendo\UI\MenuItem("Third Item");
$third->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4"));
$menu->addItem($third);
$fourth = new \Kendo\UI\MenuItem("Fourth Item");
$fourth->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4"));
$menu->addItem($fourth);
$fifth = new \Kendo\UI\MenuItem("Fifth Item");
$fifth->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4"));
$menu->addItem($fifth);
$menu->select('onSelect')->open('onOpen')->close('onClose')->activate('onActivate')->deactivate('onDeactivate');
echo $menu->render();
?>

<script>
    function onOpen(e) {
        kendoConsole.log("Opened: " + $(e.item).children(".k-link").text());

コード例 #2

0

ファイルを表示

ファイル: keyboard-navigation.php プロジェクト: neevan1e/Done

$second->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4"));
$menu->addItem($second);
$third = new \Kendo\UI\MenuItem("Third Item");
$third->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4"));
$menu->addItem($third);
$fourth = new \Kendo\UI\MenuItem("Fourth Item");
$fourth->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4"));
$menu->addItem($fourth);
$fifth = new \Kendo\UI\MenuItem("Fifth Item");
$fifth->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4"));
$menu->addItem($fifth);
echo $menu->render();
?>

<?php 
$menu = new \Kendo\UI\Menu('horizontalMenu');
$first = new \Kendo\UI\MenuItem("First Item");
$first->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4"));
$menu->addItem($first);
$second = new \Kendo\UI\MenuItem("Second Item");
$second->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4"));
$menu->addItem($second);
$third = new \Kendo\UI\MenuItem("Third Item");
$third->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4"));
$menu->addItem($third);
$fourth = new \Kendo\UI\MenuItem("Fourth Item");
$fourth->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4"));
$menu->addItem($fourth);
$fifth = new \Kendo\UI\MenuItem("Fifth Item");
$fifth->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4"));
$menu->addItem($fifth);

コード例 #3

0

ファイルを表示

ファイル: api.php プロジェクト: neevan1e/Done

            <input type="text" id="removeIndex" class="k-textbox"/> <button class="removeItem k-button">Remove</button>
        </li>
        <li>
            <input type="text" value="Item" id="appendText" class="k-textbox"/> <input type="text" value="0.0" id="appendIndex" class="k-textbox"/> <button class="appendItem k-button">Append</button>
        </li>
        <li>
            <input type="text" value="Item" id="beforeText" class="k-textbox"/> <input type="text" value="0" id="beforeIndex" class="k-textbox"/> <button class="beforeItem k-button">Before</button>
        </li>
        <li>
            <input type="text" value="Item" id="afterText" class="k-textbox"/> <input type="text" value="0" id="afterIndex" class="k-textbox"/> <button class="afterItem k-button">After</button>
        </li>
    </ul>
</div>

<?php 
$menu = new \Kendo\UI\Menu('menu');
$menu->attr('style', 'margin-right: 220px');
$first = new \Kendo\UI\MenuItem("First Item");
$first->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4"));
$menu->addItem($first);
$second = new \Kendo\UI\MenuItem("Second Item");
$second->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4"));
$menu->addItem($second);
$third = new \Kendo\UI\MenuItem("Third Item");
$third->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4"));
$menu->addItem($third);
$fourth = new \Kendo\UI\MenuItem("Fourth Item");
$fourth->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4"));
$menu->addItem($fourth);
$fifth = new \Kendo\UI\MenuItem("Fifth Item");
$fifth->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4"));

コード例 #4

0

ファイルを表示

ファイル: animation.php プロジェクト: neevan1e/Done

            <input id="slide" name="animation" type="radio" checked="checked" /> <label for="slide">slide animation</label>
        </li>
        <li>
            <input id="expand" name="animation" type="radio" checked="checked" /> <label for="expand">expand animation</label>
        </li>
        <li>
            <input id="opacity" type="checkbox" checked="checked" /> <label for="opacity">animate opacity</label>
        </li>
        <li>
            <input id="delay" name="animation" type="text" value="100" class="k-textbox" /> <label for="delay">open/close delay</label>
        </li>
    </ul>
</div>

<?php 
$menu = new \Kendo\UI\Menu('menu');
$menu->attr('style', 'margin-right: 220px');
$furniture = new \Kendo\UI\MenuItem('Furniture');
$furniture->addItem(new \Kendo\UI\MenuItem('Tables & Chairs'), new \Kendo\UI\MenuItem('Sofas'), new \Kendo\UI\MenuItem('Occasional Furniture'), new \Kendo\UI\MenuItem('Childerns Furniture'), new \Kendo\UI\MenuItem('Beds'));
$decor = new \Kendo\UI\MenuItem('Decor');
$decor->addItem(new \Kendo\UI\MenuItem('Bed Linen'), new \Kendo\UI\MenuItem('Throws'), new \Kendo\UI\MenuItem('Curtains & Blinds'), new \Kendo\UI\MenuItem('Rugs'), new \Kendo\UI\MenuItem('Carpets'));
$storage = new \Kendo\UI\MenuItem('Storage');
$storage->addItem(new \Kendo\UI\MenuItem('Wall Shelving'), new \Kendo\UI\MenuItem('Kids Storage'), new \Kendo\UI\MenuItem('Baskets'), new \Kendo\UI\MenuItem('Multimedia Storage'), new \Kendo\UI\MenuItem('Floor Shelving'), new \Kendo\UI\MenuItem('Toilet Roll Holders'), new \Kendo\UI\MenuItem('Storage Jars'), new \Kendo\UI\MenuItem('Drawers'), new \Kendo\UI\MenuItem('Boxes'));
$lights = new \Kendo\UI\MenuItem('Lights');
$lights->addItem(new \Kendo\UI\MenuItem('Ceiling'), new \Kendo\UI\MenuItem('Table'), new \Kendo\UI\MenuItem('Floor'), new \Kendo\UI\MenuItem('Shades'), new \Kendo\UI\MenuItem('Wall Lights'), new \Kendo\UI\MenuItem('Spotlights'), new \Kendo\UI\MenuItem('Push Light'), new \Kendo\UI\MenuItem('String Lights'));
$menu->addItem($furniture, $decor, $storage, $lights);
echo $menu->render();
?>

<script>
    $(document).ready(function() {

コード例 #5

0

ファイルを表示

ファイル: direction.php プロジェクト: neevan1e/Done

            <input id="right" name="direction" type="radio" /> <label for="right">right</label>
        </li>
        <li>
            <input id="top" name="direction" type="radio" /> <label for="top">top</label>
        </li>
        <li>
            <input id="custom" name="direction" type="radio" /> <label for="custom">custom:</label>
            <input id="customValue" type="text" value="top left" class="k-textbox customValue" />
        </li>
    </ul>
    <br />
    <a class="k-button" id="apply" href="#" style="float: right">Apply</a>
</div>

<?php 
$menu = new \Kendo\UI\Menu('menu');
$menu->attr('style', 'margin-right: 220px');
function addSubCategories($item)
{
    $footwear = new \Kendo\UI\MenuItem('Footwear');
    $footwear->addItem(new \Kendo\UI\MenuItem('Leisure Trainers'), new \Kendo\UI\MenuItem('Running Shoes'), new \Kendo\UI\MenuItem('Outdoor Footwear'), new \Kendo\UI\MenuItem('Sandals/Flip Flops'), new \Kendo\UI\MenuItem('Footwear Accessories'));
    $leisure = new \Kendo\UI\MenuItem('Leisure Clothing');
    $leisure->addItem(new \Kendo\UI\MenuItem('T-Shirts'), new \Kendo\UI\MenuItem('Hoodies & Sweatshirts'), new \Kendo\UI\MenuItem('Jackets'), new \Kendo\UI\MenuItem('Pants'), new \Kendo\UI\MenuItem('Shorts'));
    $sports = new \Kendo\UI\MenuItem('Sports Clothing');
    $sports->addItem(new \Kendo\UI\MenuItem('Football'), new \Kendo\UI\MenuItem('Basketball'), new \Kendo\UI\MenuItem('Golf'), new \Kendo\UI\MenuItem('Tennis'), new \Kendo\UI\MenuItem('Swimwear'));
    $accessories = new \Kendo\UI\MenuItem('Accessories');
    $item->addItem($footwear, $leisure, $sports, $accessories);
}
$mens = new \Kendo\UI\MenuItem('Men\'s');
$womens = new \Kendo\UI\MenuItem('Women\'s');
$boys = new \Kendo\UI\MenuItem('Boy\'s');

コード例 #6

0

ファイルを表示

ファイル: images.php プロジェクト: neevan1e/Done

$swimming = new \Kendo\UI\MenuItem("Swimming");
$swimming->imageUrl("../content/shared/icons/sports/swimming.png");
$swimming->addItem(array("text" => "Top News", "imageUrl" => "../content/shared/icons/16/star.png"), array("text" => "Photo Galleries", "imageUrl" => "../content/shared/icons/16/photo.png"));
$snowboarding = new \Kendo\UI\MenuItem("Snowboarding");
$snowboarding->imageUrl("../content/shared/icons/sports/snowboarding.png");
$snowboarding->addItem(array("text" => "Photo Galleries", "imageUrl" => "../content/shared/icons/16/photo.png"), array("text" => "Videos Records", "imageUrl" => "../content/shared/icons/16/video.png"));
$menu->dataSource(array($baseball, $golf, $swimming, $snowboarding));
echo $menu->render();
?>
</div>

<div class="demo-section">

    <h3>Menu with sprites</h3>
<?php 
$menu = new \Kendo\UI\Menu('menu-sprites');
$brazil = new \Kendo\UI\MenuItem("Brail");
$brazil->spriteCssClass("brazilFlag");
$brazil->addItem(array("text" => "History", "spriteCssClass" => "historyIcon"), array("text" => "Geography", "spriteCssClass" => "geographyIcon"));
$india = new \Kendo\UI\MenuItem("India");
$india->imageUrl("indiaFlag");
$india->addItem(array("text" => "Top News", "spriteCssClass" => "historyIcon"), array("text" => "Photo Galleries", "spriteCssClass" => "geographyIcon"));
$netherlands = new \Kendo\UI\MenuItem("Netherlands");
$netherlands->spriteCssClass("netherlandsFlag");
$netherlands->addItem(array("text" => "Top News", "spriteCssClass" => "historyIcon"), array("text" => "Photo Galleries", "spriteCssClass" => "geographyIcon"));
$menu->dataSource(array($brazil, $india, $netherlands));
echo $menu->render();
?>
</div>

<style scoped>

コード例 #7

0

ファイルを表示

ファイル: index.php プロジェクト: neevan1e/Done

<?php

require_once '../include/header.php';
require_once '../lib/Kendo/Autoload.php';
?>

<div id="megaStore">
<?php 
$menu = new \Kendo\UI\Menu('menu');
$products = new \Kendo\UI\MenuItem('Products');
$furniture = new \Kendo\UI\MenuItem('Furniture');
$furniture->addItem(new \Kendo\UI\MenuItem('Tables & Chairs'), new \Kendo\UI\MenuItem('Sofas'), new \Kendo\UI\MenuItem('Occasional Furniture'), new \Kendo\UI\MenuItem('Childerns Furniture'), new \Kendo\UI\MenuItem('Beds'));
$products->addItem($furniture);
$decor = new \Kendo\UI\MenuItem('Decor');
$decor->addItem(new \Kendo\UI\MenuItem('Bed Linen'), new \Kendo\UI\MenuItem('Throws'), new \Kendo\UI\MenuItem('Curtains & Blinds'), new \Kendo\UI\MenuItem('Rugs'), new \Kendo\UI\MenuItem('Carpets'));
$products->addItem($decor);
$storage = new \Kendo\UI\MenuItem('Storage');
$storage->addItem(new \Kendo\UI\MenuItem('Wall Shelving'), new \Kendo\UI\MenuItem('Kids Storage'), new \Kendo\UI\MenuItem('Baskets'), new \Kendo\UI\MenuItem('Multimedia Storage'), new \Kendo\UI\MenuItem('Floor Shelving'), new \Kendo\UI\MenuItem('Toilet Roll Holders'), new \Kendo\UI\MenuItem('Storage Jars'), new \Kendo\UI\MenuItem('Drawers'), new \Kendo\UI\MenuItem('Boxes'));
$products->addItem($storage);
$lights = new \Kendo\UI\MenuItem('Lights');
$lights->addItem(new \Kendo\UI\MenuItem('Ceiling'), new \Kendo\UI\MenuItem('Table'), new \Kendo\UI\MenuItem('Floor'), new \Kendo\UI\MenuItem('Shades'), new \Kendo\UI\MenuItem('Wall Lights'), new \Kendo\UI\MenuItem('Spotlights'), new \Kendo\UI\MenuItem('Push Light'), new \Kendo\UI\MenuItem('String Lights'));
$products->addItem($lights);
$menu->addItem($products);
$stores = new \Kendo\UI\MenuItem('Stores');
$stores->startContent();
?>
    <div id="template" style="padding: 10px;">
        <h2>Around the Globe</h2>
        <ol>
            <li>United States</li>
            <li>Europe</li>

PHP Kendo\UI\Menuの例