如何在剑道菜单中检索 id 值答案

【问题标题】：How to retrieve id value in Kendo menu如何在剑道菜单中检索 id 值
【发布时间】：2012-08-24 10:14:21
【问题描述】：

我在我的项目中使用剑道菜单。我想在单击所选项目时检索 id 值。我使用了 onSelect 事件，并且能够检索选定的项目文本。如何检索 id 值？

【问题讨论】：

【解决方案1】：

您可以使用 HTML5 数据属性来完成此操作。

HTML

<div id="example" class="k-content">
    <ul id="menu">
        <li>
            First Item
            <ul>
                <li data-id="12345">Sub Item 1 with ID</li>
                <li>Sub Item 2</li>
                <li>Sub Item 3</li>
                <li>Sub Item 4</li>
            </ul>
        </li>
        <li>
            Second Item
            <ul>
                <li>Sub Item 1</li>
                <li>Sub Item 2</li>
                <li>Sub Item 3</li>
                <li>Sub Item 4</li>
            </ul>
        </li>
        <li>
            Third Item
            <ul>
                <li>Sub Item 1</li>
                <li>Sub Item 2</li>
                <li>Sub Item 3</li>
                <li>Sub Item 4</li>
            </ul>
        </li>
        <li>
            Fourth Item
            <ul>
                <li>Sub Item 1</li>
                <li>Sub Item 2</li>
                <li>Sub Item 3</li>
                <li>Sub Item 4</li>
            </ul>
        </li>
        <li>
            Fifth Item
            <ul>
                <li>Sub Item 1</li>
                <li>Sub Item 2</li>
                <li>Sub Item 3</li>
                <li>Sub Item 4</li>
            </ul>
        </li>
    </ul>
</div>

还有 Javascript：

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


                function onSelect(e) {
                    var id = $(e.item).attr('data-id');
                }

                $("#menu").kendoMenu({
                    select: onSelect               
                });
            });
        </script>

【讨论】：

【解决方案2】：

您可以在初始化它的 UL/LI 结构中设置一个 ID（查看 Robotsushi 的答案）。但是，如果你想动态初始化菜单，你可以使用这样的东西 - http://jsfiddle.net/MMRCf/8/

【讨论】：