更改Telerik MVC网格保存图标的悬停文本

时间:2015-03-30 21:05:18

标签: telerik tooltip telerik-grid telerik-mvc

我有一个使用default Ajax binding for editing的Telerik MVC(不是Kendo)网格。出于某种不可思议的原因,在编辑行时,“保存”和“取消”按钮会显示“#34;编辑"”的工具提示。我还没有找到保存或取消按钮的标题文本的位置,仅用于编辑和删除按钮:

commands.Edit().ButtonType(GridButtonType.BareImage).HtmlAttributes(new { @class = "grid-edit-button" }).ImageHtmlAttributes(new { @alt = "Edit", @title = "Edit" });
commands.Delete().ButtonType(GridButtonType.BareImage).HtmlAttributes(new { @class = "grid-delete-button" }).ImageHtmlAttributes(new { @alt = "Delete", @title = "Delete" });

Incorrect tooltip when mouse is hovering over it

这是我从项目的另一部分复制的代码(不幸的是,由一个已经离开公司的人写的)并且它在那里正常工作。我没有运气要求Telerik提供帮助,因为MVC库不是他们最新的产品(但我必须出于遗留原因使用它们)。

有谁知道如何强制使用工具提示文本到正确的值?

1 个答案:

答案 0 :(得分:0)

可能有更好的解决方案,但我最终通过一些Javascript技巧来修复它(这是该网格的其他实例所使用的。我错过了它,因为我有自定义编辑代码来处理下拉框) :

在网格定义中:

.ClientEvents(events => events.OnDataBound("defaultGridDataBound").OnEdit("defaultGridEdit"))

然后:

function defaultGridEdit(e) {
    var $form = $(e.form);
    if (e.mode == "insert") {
        $form.find(".t-grid-insert .t-insert").attr("title", "Save");
        $form.find(".t-grid-insert .t-insert").attr("alt", "Save");
    }
    else {
        $form.find(".t-grid-update .t-update").attr("title", "Save");
        $form.find(".t-grid-update .t-update").attr("alt", "Save");
    }

    $form.find(".t-grid-cancel .t-cancel").attr("title", "Cancel");
    $form.find(".t-grid-cancel .t-cancel").attr("alt", "Cancel");
}