Jquery – jqgrid Tooltip on page buttons

jqgridjquery

I noticed that when you hover the mouse over the reload and search buttons at the bottom of the grid, a tooltip appears indicating "reload" and "search" .. I'd like the same behaviour with the next page buttons (the left,right arrows) , last page button. Any idea how i can accomplish that without modifying any source code? I noticed that there is no title attribute on those buttons, thats why there's no tooltip.
Any tips would be helpful..

Best Answer

Try to set the title attribute dynamically in the gridComplete event:

jqGrid({ gridComplete: function() { 
      $("#pager").find("the_button_selector").attr("title", "Button tooltip"); 
   }, 
   ... 
});

You'll have to find out those button's ids and use them instead of "the_button_selector". Should be easy with FireBug, for example.

Related Solutions

Javascript – jqGrid – How to remove the page selection on the pager but keep the buttons

You can use my following JqGrid option to disable RED zone from JqGrid. It should be the best way to solve this question because you don't need to hack JqGrid rendering via CSS style sheet that be caused of problem if JqGrid change pattern for generating pager or you change pager id.

$('#grid').jqGrid
({
    rowList: [],        // disable page size dropdown
    pgbuttons: false,     // disable page control like next, back button
    pgtext: null,         // disable pager text like 'Page 0 of 10'
    viewrecords: false    // disable current view record text like 'View 1-10 of 100' 
});

Javascript – Get the size of the screen, current web page and browser window

You can get the size of the window or document with jQuery:

// Size of browser viewport.
$(window).height();
$(window).width();

// Size of HTML document (same as pageHeight/pageWidth in screenshot).
$(document).height();
$(document).width();

For screen size you can use the screen object:

window.screen.height;
window.screen.width;

Best Answer

Related Solutions

Javascript – jqGrid – How to remove the page selection on the pager but keep the buttons

Javascript – Get the size of the screen, current web page and browser window

Related Topic