0

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">&#x26a0;</div>';
    }
    else
        return '';
}

var tooltipRenderer =   function(element) {
    $(element).jqxTooltip({disabled:false,position: 'mouse', content: 'testing' });
    element.textContent =   'Test';
    console.log("element------>",element);
}
4

1 に答える 1