jqx グリッドがあります。グリッド内のすべての列のツールチップを既に有効にしています。グリッドの列の 1 つに画像が表示されます。ツールチップにテキスト値を表示する方法
サンプルコードを見つけてください
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);
}