2012-02-08 6 views
0

мне очень нравится и якорь mousetrackign и основного tooltps http://www.extjs.com/examples/explorer.html#tooltipsExtJS подсказка вопрос

Как я могу идти о добавлении ExtJS подсказки/данные-QTIP на коде визуализатора ниже?

var listView = Ext.create('Ext.grid.Panel', { 
     store: mystore, 
     multiSelect: true, 
     viewConfig: { 
      emptyText: 'No images to display' 
     }, 
     //reserveScrollOffset: true, 
    renderTo: containerEl, 

     columns: [ 
{ 
      text: 'Class', 
      flex: 10, 
      dataIndex: 'ClassName', 
      renderer: function(value, metaData, record) { 
    return Ext.String.format('<a href="#" class="tooltip2">{0}<span>{0}</span></a>', value); 
     } 

    ]  
    }); 

ответ

2

Добавить Ext.QuickTips.init(); после Ext.onReady() вызова и в вашем визуализатора оных:

metaData.attr = 'ext:qtip="your tooltip here"'; 
+0

Где должен Ext.onReady() идти? для renderrer si что-то вроде этого -> renderer: function (value, metaData, record) { return Ext.String.format ('{0}{0}', value); } – user244394

+0

Вам просто нужно вызвать QuickTips.init(), прежде чем использовать его. Средство рендеринга используется для изменения того, что и как отображаются ваши данные. Вы можете просто вернуть значение, чтобы оно отображалось в списке. Параметр metaData используется для добавления класса или id (metaData.css) или атрибута, в этом случае ext: qtip, shich позволит всплывающее окно всплывающей подсказки мыши. Вы также можете добавить параметр значения во всплывающую подсказку, просто сложите строку вверх и разместите там значение. – Corey

+0

Я понимаю, что был немного расплывчатым в своем заявлении о возвращении ценности. Ваш текущий оператор возврата прекрасен. – Corey

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