Блог

Возможно ли отображать в каком-либо всплывающем окне или всплывающей подсказке изображение, когда пользователь наводит курсор мыши на URL-адрес, который отображается внутри ячейки таблицы.

Я сделал это сейчас так, и это отображаемое изображение внутри ячейки:

 {
    field: 'image',
    title: 'Image',
    lockable: false,
    template: 
        '<div class="tooltipcontent">'  
            '<img src="'   '#= image #'   '" alt="" />'  
        '</div>',
    width: '300px'
}
 

Я бы сделал что-то вроде этого:

 <div id="grid"></div>
    <script type="text/x-kendo-template" id="template">
        <img style="width:100px" src="#=url#">
    </script>
</div>

$("#grid").kendoGrid({...});

$("#grid").kendoTooltip({
    filter: "td:nth-child(1)", //this filter selects the first column's cells
    position: "right",
    content: function(e) {
        var dataItem = $("#grid").getKendoGrid().dataItem(e.target.closest("tr"));
        return kendo.template($("#template").html())(dataItem);
    }
}).data("kendoTooltip");
 

Пример: всплывающая подсказка шаблона строки