Question

说我有一个带有分割按钮的Kendo工具栏，例如：

<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按钮？

是否有一个＆＃39;剑道＆＃39;方式还是我需要使用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>

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

1 个答案: