将工具提示添加到Kendo工具栏按钮

Question

我有一个带有一些按钮的Kendo工具栏，所有按钮都有图像，我不在其中使用文字。如何向其添加tooltip或alt文字？

Kendo Tooltip是唯一的解决方案吗？

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

如果我使用模板来使用图像，请按@rozerocool的建议。我将松开按钮样式。请参见下图，右侧是使用模板，左侧是使用ImageUrl。

更新

正如@rozerocool建议的那样，我正在使用template。

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

它不会呈现为按钮，因此无法点击。除非我添加一些类：

.HtmlAttributes(new { @class = "k-button k-button-icon" })

使用这些类，它将是一个可点击的按钮，但它仍然不起作用，点击它时我会收到错误。

template import re result = [] pattern = re.compile(r'^file.*') for el in input_list: if pattern.match(el): row = [] result.append(row) row.append(el) 在这种情况下并不真正有用。

  

指定将在ToolBar包装器中添加的元素。带模板的项目没有类型。

Answer 1

正如@chiapa建议你可以简单地使用id和Kendo Tooltips：

// 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"
});

Answer 2

您可以像这样配置按钮：

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

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

Answer 3

截至目前（自2014年第二季度起），您可以添加NSDictionary *dict = array[indexPath.row] cell.stdntName.text = [dict valueForKey:@"name"];

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

只是做

attributes: { title: "any tooltip" }

完整代码看起来像这样

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