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

Javascript 具有自定义属性的剑道工具栏菜单按钮,javascript,jquery,kendo-ui,Javascript,Jquery,Kendo Ui,假设我有一个剑道工具栏,带有一个拆分按钮,例如: <div id="toolbar"></div> <script> $("#toolbar").kendoToolBar({ items: [ { type: "splitButton", text: "SplitButton", menuButtons: [{text: "Option 1"}, {text: "Option 2"}] } ] }); $(“#工具栏”).k

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

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

$(“#工具栏”).kendoToolBar({
项目:[
{type:“splitButton”,text:“splitButton”,菜单按钮:[{text:“Option 1”},{text:“Option 2”}]}
]
});

如何将属性
数据切换:“模态”和
数据目标=“myModal”
添加到
选项1
按钮

有“剑道”方法吗?或者我需要使用jQuery/plain JS吗?

您应该使用。您的代码类似于:

<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>

$(“#工具栏”).kendoToolBar({
项目:[
{
键入:“拆分按钮”,
文本:“拆分按钮”,
菜单按钮:[
{
案文:“备选案文1”,
属性:{
“数据切换”:“模态”,
“数据目标”:“myModal”
}
},
{
案文:“备选案文2”
}
]
}
]
});