Как открыть изображение, которое находится внутри заголовка столбца ExtJS сетки с помощью JQuery

Question

Я использую ExtJS 4 сетки в моем приложении, и это мой код:

{ 
    flex: 1, 
    sortable: true, 
    text: "<span ' title='#{adminManager.licenseDesc()}'>License ? <img class=\"tooltips\" src=\"#{request.contextPath}/images/help2.jpg \" height=\"18\" width=\"18\"/></span>", 
    id: "rg", 
    renderer: renderStatus, 
    dataIndex: 'license', 
    field: { 
     xtype: 'combo', 
     itemId:'license', 
     emptyText:'Select', 
     editable: false, 
     id:'govtOfficial', 
     autoSelect:true, 
     allowBlank: false, 
     width:50, 
     queryMode: 'local', 
     store: new Ext.data.ArrayStore({ 
      fields: [ 
       'value', 
       'text' 
      ], 
      data: [['true', 'Yes'], ['false', 'No']] 
     }), 
     valueField: 'value', 
     displayField: 'text' 
    } 
} 

Теперь я пытаюсь реализовать текст всплывающей подсказки с помощью демонстрационный показ в «http://calebjacob.com/tooltipster/#demos».

Я реализовал то же самое в других частях страницы, как этот

<img src="#{request.contextPath}/images/help2.jpg " class="tooltips" style="margin-left: 165px;" title="#{AdminManager.licenseDesc()}" height="18" width="18"/> 

и я могу доступ к элементу на основе класса = «подсказках» и он работает нормально. Но я не могу получить доступ к изображению, которое находится в столбце grid extjs, на основе ниже выбранного селектора классов.

jQuery('.tooltips').tooltipster({ 
        animation: 'fade', 
        delay: 200, 
        theme: '.tooltipster-default', 
        touchDevices: true, 
        trigger: 'hover', 
        interactive: true 
       }); 

Я понял, что extjs присваивает идентификаторы во время выполнения. Как получить доступ к изображению внутри сетки extjs?

Answer 1

Вы можете использовать свойство объектов ExtJS dom. $(MyComponent.dom).whatever();