How to make MouseOver on GridPanel

  1. #1

    How to make MouseOver on GridPanel

    I'll have to show some information on GridPanel after mouse over each row.
    Please suggestion.
  2. #2

    RE: How to make MouseOver on GridPanel

    You can use the tooltip property available on columns. Currently I can only imagine specifying the renderer method on a column to be able to customize tooltip per row.

    You can find information on ExtJs forums also:
    <cite>www.extjs.com/forum/showthread.php?t=41529</cite>

    the extjs site is currently down.
  3. #3

    RE: How to make MouseOver on GridPanel


    Thank you, for your suggestion.

    And about code:

    [row] is return index of display row per page, how to know index of current row in all store row.

    ** (gridpanel.CurrentPageIndex * gridpanel.RowPerPage) + row = store.RowIndex;

    Ext.onReady(function(){
        Ext.override(Ext.grid.GridView, {
            onRowOver : function(e, t){
                var row;
                if((row = this.findRowIndex(t)) !== false){
                    this.addRowClass(row, "x-grid3-row-over");
                }
                
                // your code here
            }
        });
    });
  4. #4

    RE: How to make MouseOver on GridPanel

    inualonline (2/15/2010)
    And about code:

    [row] is return index of display row per page, how to know index of current row in all store row.

    ** (gridpanel.CurrentPageIndex * gridpanel.RowPerPage) + row = store.RowIndex;
    Hi inualonline, was that a question or a comment? If that was a question, having paging should mean you have configured a Paging Tool bar for your GridPanel. In that case, you should be able to extract the desired properties from the associated Paging Tool bar. Check this:


    http://www.extjs.com/deploy/dev/docs...Toolbar-cursor
    http://www.extjs.com/deploy/dev/docs...olbar-pageSize


  5. #5

    RE: How to make MouseOver on GridPanel

    Thank you,

Similar Threads

  1. [CLOSED] Make gridpanel row fit text
    By Pablo_Azevedo in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Jul 23, 2013, 2:40 PM
  2. [CLOSED] How to make GridPanel to display the whole row
    By hgouw in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Oct 26, 2011, 5:03 AM
  3. [CLOSED] MouseOver Grid, Expand Row
    By rthiney in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Apr 13, 2011, 4:28 PM
  4. [CLOSED] GridPanel MouseOver
    By harafeh in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Apr 13, 2009, 3:18 PM
  5. Treeview Mouseover on examples.ext.net
    By tas in forum 1.x Help
    Replies: 1
    Last Post: Oct 08, 2008, 10:11 AM

Posting Permissions