1. #1
    Sencha User
    Join Date
    May 2011
    Posts
    15
    Vote Rating
    1
    webdev2111 is on a distinguished road

      0  

    Default How to add tooltip to extjs header?

    How to add tooltip to extjs header?


    I am trying to add tooltip using css to the header columns? How can i add them?

    I tried adding
    Code:
    tooltip:'some text';
    and that didnt seem to work. Is there any other way to add custom css based simple tooltips only to the table header columns?

    Code:
        var listView = Ext.create('Ext.grid.Panel', {
          store: mystore,
          multiSelect: true,
          splitHandleWidth: 10,
          columnLines: true,
           viewConfig: {
            emptyText: 'No images to display'
          },
          
          renderTo: containerEl,
          
          columns: [{
            text: getString('notif.class'),
            flex: 10,
            dataIndex: 'CName',
            tooltip: 'C Name Some name test',
    
            renderer: function (value, metaData, record) {
                        return Ext.String.format('<a href="#" class="tooltip2" >{0}<span>{0}</span></a>', value);
                    }
          }, {
            text: getString('notif.instance'),
            flex: 30,
            dataIndex: 'IDisplayName',
            renderer: function (value, metaData, record) {
                        return Ext.String.format('<a href="#" class="tooltip2" >{0}<span>{0}</span></a>', value);
                    }
          }]
        });

  2. #2
    Sencha User
    Join Date
    Aug 2011
    Location
    India
    Posts
    27
    Vote Rating
    0
    gbfriends90 is on a distinguished road

      0  

    Default


    Did u find solution??? How to add tooltip to just col header ??

Thread Participants: 1

Tags for this Thread