Всплывающая подсказка в сетке JQX
У меня есть сетка JQX, я уже включил всплывающие подсказки для всех столбцов в сетке. один из столбцов в сетке будет иметь изображения. как я могу показать значение текста во всплывающих подсказках
Пожалуйста, найдите образец кода
columns: [
{
text: '',
dataField: 'valid',
width: '4%',
hidden: false,
editable: false,
enabletooltips:true,
filterable: false,
cellsrenderer: statusCellRenderer,
rendered: tooltipRenderer
},
функции колонки:
var statusCellRenderer = function(row, columnfield, value, defaulthtml, columnproperties, rowData) {
console.log("row---------------->",this.uielement);
//console.log("value---------->",value);
//value = false;
//console.log("element------------>",element);
if (rowData.errorMessage != ''){
this.uielement.jqxTooltip({disabled:false,position: 'mouse', content: 'testing' });
return '<div class="errorIcon">⚠</div>';
}
else
return '';
}
var tooltipRenderer = function(element) {
$(element).jqxTooltip({disabled:false,position: 'mouse', content: 'testing' });
element.textContent = 'Test';
console.log("element------>",element);
}
1 ответ
$('#grid').jqxGrid({
cellhover: function (element, pageX, pageY, record) {
var cellValue = $(element.innerHTML).find('span').html(); // you can remove if any element not required in tooltip here
var tooltipContent = "<div>" + cellValue + "</div>";
if (cellValue && cellValue.trim().length > 0) {
$(element).jqxTooltip({ content: tooltipContent });
$(element).jqxTooltip('open', pageX + 15, pageY + 15);
} else {
$('#grid').jqxTooltip('close');
}
}
});
Как вы сказали, этот фрагмент покажет всплывающую подсказку для всей ячейки сетки. Я надеюсь, что это поможет вам. Если у вас есть какие-либо вопросы, дайте мне знать.