具有自定义属性的剑道工具栏菜单按钮

Question

假设我有一个剑道工具栏，带有一个拆分按钮，例如：

<div id="toolbar"></div>
<script>
$("#toolbar").kendoToolBar({
    items: [
        { type: "splitButton", text: "SplitButton", menuButtons: [{text: "Option 1"}, {text: "Option 2"}] }
    ]
});

如何将属性data-toggle:"modal"和data-target="myModal"添加到Option 1按钮？

有没有"Kendo"方法，或者我需要使用jQuery/plain JS？

Answer 1

你应该使用items.attributes .您的代码如下所示：

<div id="toolbar"></div>
<script>
$("#toolbar").kendoToolBar({
    items: [
        {
            type: "splitButton",
            text: "SplitButton", 
            menuButtons: [
                {
                    text: "Option 1",
                    attributes:{
                        "data-toggle": "modal",
                        "data-target": "myModal"
                    }
                },
                {
                    text: "Option 2"
                }
            ]
        }
    ]
});
</script>