Всплывающая подсказка Kendo grid

#javascript #jquery #kendo-ui #kendo-grid

#javascript #jquery #kendo-пользовательский интерфейс #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");
}
  

Комментарии:

1. Вы получаете какие-то ошибки?

2. Да. В нем говорится, что содержимое не определено

3. Вопросы: 1. Есть ли у вас Text свойство в вашем источнике данных? 2- Найден ли ваш dataSource объект (не определен)? Я спрашиваю, потому что я мог бы заставить его работать в этой демонстрации так же, как вы пытаетесь.

4. Такой вопрос направил меня в правильном направлении, чувак. Спасибо. Удалив текст и добавив правильное свойство, я заставил его работать.