Kendo ui 向剑道工具栏按钮添加工具提示

我有一个剑道工具栏和一些按钮，所有的按钮都有图像，我不在其中使用文本。如何向它们添加

工具提示

，或

alt

文本

剑道提示是唯一的解决方案吗

@(Html.Kendo().ToolBar()
    .Name("toolbar")
    .Items(items =>
    {
        items.Add().Type(CommandType.Button).Text(" ").Click("").ImageUrl("/Content/Images/Icon/Add.png");
...

如果我使用模板来使用图像，正如@rozerocool所建议的那样。我会松开纽扣式的。如下图所示，右侧使用模板，左侧使用

ImageUrl

更新

正如@rozerocool所建议的，我正在使用

模板

items.Add().Template("<img src='" + Url.Content("~/Content/Images/Icon/Add.png") + "' alt='add image' title='Add image tooltip' />");

对于这些类，它将是一个可单击的按钮，但它仍然不起作用，单击它时会出错

在这种情况下，

模板

并不是很有用

指定将在工具栏包装中添加的元素。具有模板的项没有类型

---

您可以按如下方式配置按钮：

items.Add().Template("<img src='" + 
Url.Content("~/Content/Images/Icon/Add.png") + 
"' alt='add image' title='Add image tooltip' />");

items.Add（）.Template（“”）；

---

您可以在中找到有关剑道工具栏的更多信息。

您可以如下配置按钮：

items.Add().Template("<img src='" + 
Url.Content("~/Content/Images/Icon/Add.png") + 
"' alt='add image' title='Add image tooltip' />");

items.Add（）.Template（“”）；

---

您可以在中找到有关剑道工具栏的更多信息。

正如@chiapa所建议的，您只需使用id和剑道工具提示即可：

// Toolbar with button
$('#toolbar').kendoToolBar({
   items: [
      { type: "button", text: "MyButton", id: "btn_mybutton" }
   ]
});

// The Tooltip
$('#btn_mybutton').kendoTooltip({
    position: "bottom",
    content: "Here is the TT-Text"
});

---

正如@chiapa所建议的，您可以简单地使用id和剑道工具提示：

// Toolbar with button
$('#toolbar').kendoToolBar({
   items: [
      { type: "button", text: "MyButton", id: "btn_mybutton" }
   ]
});

// The Tooltip
$('#btn_mybutton').kendoTooltip({
    position: "bottom",
    content: "Here is the TT-Text"
});

从现在起（从2014年第二季度开始），您可以添加

属性：{title:“任意工具提示”}

如果你想要剑道的工具提示

照办

$(".k-toolbar [title]").kendoTooltip({
    position:"top"
});

完整代码如下所示

$("#toolbar").kendoToolBar({
    items: [
        { type: "button", text: "MyButton", id: "myButton", attributes: { title: "my tool tip" }  },
        { type: "button", text: "Toggle Button", togglable: true },
        { type: "separator" }
    ]
});
$(".k-toolbar [title]").kendoTooltip({
    position:"top"
});

从现在起（从2014年第二季度开始），您可以添加

属性：{title:“任意工具提示”}

如果你想要剑道的工具提示

照办

$(".k-toolbar [title]").kendoTooltip({
    position:"top"
});

完整代码如下所示

$("#toolbar").kendoToolBar({
    items: [
        { type: "button", text: "MyButton", id: "myButton", attributes: { title: "my tool tip" }  },
        { type: "button", text: "Toggle Button", togglable: true },
        { type: "separator" }
    ]
});
$(".k-toolbar [title]").kendoTooltip({
    position:"top"
});

---

是否可以为每个项目提供

id

？如果是这样，您可以使用剑道工具提示为每个项目提供

id

？如果是这样的话，你可以使用剑道工具提示谢谢你的重播，这确实可以做到，但是我可以保持按钮的风格吗？看看更新问题中的图片。我相信你可以。检查原始剑道按钮并复制其样式。它可能包括具有不同的结构（例如：img标记的父div）。还有一件事，当使用自定义模板时，按钮不起作用！你自己试过了吗，我的代码有问题吗？你能扩展一下吗？很难说什么不起作用。谢谢你的重播，这肯定能起作用，但我能保持按钮的风格吗？看看更新问题中的图片。我相信你可以。检查原始剑道按钮并复制其样式。它可能包括具有不同的结构（例如：img标记的父div）。还有一件事，当使用自定义模板时，按钮不起作用！你自己试过了吗，我的代码有问题吗？你能扩展一下吗？很难说什么不起作用。