0

kendoContextMenu ウィジェットを使用して contextMenu を作成しようとしています。これは、次のコードを使用して機能します。

$("#contextMenu").kendoContextMenu({
target: "#tree",
filter: ".k-item",
select: function(e) {
    alert("Selected");
},
dataSource:
[
    { text: "Item1"},
    {
        text: "SubMenu1",
        items: [
            { text: "Item1" }
        ]
    },
    {
        text: "SubMenu2",
        items: [
            { text: "Item1" }
        ]
    }
]
});

しかし、アイテムがクリックされたときに実行する各アイテムの関数を指定したいと思います。テキストの内容に基づいて何を実行するかを決定したくありません。

データソースにクリック項目を追加しようとしましたが、うまくいきません。

4

3 に答える 3

1

Kendo ContextMenu にはこの機能はありませんが、2 つのオプションがあります。

まず、html とonclickイベントを使用してコンテキスト メニューを構成します。

<ul id="menu">
    <li>
        Option 1
        <ul>
            <li onclick="alert('test');">Sub option 1</li>
            <li>Sub option 2</li>
        </ul>
    </li>
    <li>Option 2</li>
</ul>
<script>
    $(document).ready(function() {        
        $("#menu").kendoContextMenu({
                orientation: orientation,
            });
        };
    });
</script>

次に、名前の一意性を確保できる場合は、dataSource構成にクリック プロパティを追加し、コンテキスト メニューでイベントを選択して、dataSource適切なアイテムを検索し、添付された機能を手動で実行できます。

于 2015-04-22T15:13:15.813 に答える