2011-01-20 3 views

ответ

1

В общем подсказке является title атрибутом <td> элементов. Вы можете использовать метод setCell для изменения всплывающей подсказки (см. this). В более сложных ситуациях вы можете использовать jQuery.attr (см. here) или плагин подсказки (см. here).

+0

Это то, что я на самом деле делаю. У меня есть значения, поступающие из базы данных. Одно из значений столбца очень велико. Поэтому на дисплее я хочу показать только 30 символов, и при наведении курсора я хочу отобразить все символы. Это возможно? – DG3

+2

@ user508518: Если вы установите ширину столбца так, что будут отображаться 30 символов, вы получите тот же эффект. Пользователь увидит первые 30 символов в ячейке и отобразит полный текст. Если вы хотите обрезать текст ячейки, вы можете использовать 'setCell' для изменения текста без изменения всплывающей подсказки. – Oleg

1

Это может достигнуть на 2 шаги

  1. Вы можете просто отключить наконечник инструмента по умолчанию, установив title:false
  2. написать глобальную функцию и прилагаются в качестве форматировщика в colModel

    var changeTitle = function(cellVal, options, rowObject){<br/> 
        return "&lt;div title='This is the cell value " + cellVal + "'>" + cellVal + "&lt;/div>";<br/> 
    } 
    
    colModel:[ 
    {...},<br/> 
    {name:'priorityFlag', index:'priorityFlag', width:40, align:"center", formatter: changeTitle },<br/> 
    {...}] 
    

Там вы идете! ...

4

Вы можете использовать атрибут cellattr в colModel для столбца, чтобы установить настраиваемую подсказку. Например,

cellattr: function() { return ' title="my custom fixed tooltip for the column"'; } 
+0

Работал отлично. Хорошее решение. – earl3s

Смежные вопросы