剑道网格工具提示

时间:2016-10-06 09:11:12

标签: javascript jquery kendo-ui kendo-grid

我正在尝试使用下面的代码向网格中的列添加工具提示。工具提示显示但无法显示内容。我能做错什么?

function LoadStudents() {
var StudentGridColumns = [
    {
        title: 'StudentID',
        field: 'StudentID',
        hidden: true
    },
    {
        title: 'Student URL',
        field: 'StudentURL',
        template: function (rec) {
            return '<span>www...</span><img src="/images/qmark.jpg" data-tooltip="<a target=\'blank\' href=\'http://' + rec.StudentURL + '\'>' + rec.StudentURL + '</a>" />'
        }
    }
];

var StudentsGrid = $('#StudentGrid').data('kendoGrid');

$("#StudentGrid").kendoTooltip({
    filter: "img",
    position: "right",
    content: function (e) {
        var dataItem = $("#StudentGrid").data("kendoGrid").dataItem(e.target.closest("tr"));
        var content = dataItem.Text;
        return content;
    }
  }).data("kendoTooltip");
}

0 个答案:

没有答案