Can jqGrid hover text be defined with AddRowData?

by

If you just need to set custom tooltip on some specific cells in the grid you can use setCell (see here an example). If you want to set tooltips on all cells of some column, but with a custom rule (not just the same tooltip like the cell value), you can better use cellattr. For example you can use

{name: 'name', index: 'name', width: 70,
    cellattr: function (rowId, val, rawObject, cm, rdata) {
        return 'title="' + rawObject.name + ' (' + rawObject.note + ')"';
    }}

See the demo here which display the following tooltips:

enter image description here

If you have an interest for performance you should not use old addRowData method which has many disadvantages:

  • If you has date in input data and use formatter: ‘date’ then you have to use formatoptions: {reformatAfterEdit: true} to make the date correct formatted. You will find almost no information about the option in the documentation.
  • The data which you inserted row after the row will be all placed on the same page. To have correct local date paging you have to reload the grid one more time.
  • Compare with the usage of data parameter in combination with gridview: true parameter (the de demo above) the building of grid contain with respect of addRowData is much slowly. You can see the difference if the number of row is large.
  • During creating of the demo which use cellattr and addRowData I found a bug in the jqGrid in the line where two parameters rowid and data are swapped. I just now posted the bug report. So to use cellattr together with addRowData you have to make small modification in jquery.jqGrid.src.js.

See the demo which use addRowData here. If used modified version of jquery.jqGrid.src.js (see my bug report for details)

More Related Contents:

  1. jqGrid paging question
  2. How to fire loadComplete after new row is added in jqgrid?
  3. Linking from a column value in jqGrid to a new page using GET
  4. How to adjust the column width of jqgrid AFTER the data is loaded?
  5. How to use free jqgrid properties to conditionally add actions buttons
  6. can jqgrid support dropdowns in the toolbar filter fields
  7. jqGrid data stored in browser cache?
  8. is there an api in jqgrid to add advanced filters to post data?
  9. Jqgrid – grouping row level data
  10. jqgrid client side sorting with server side paging – data disappears
  11. jqGrid – saving checkbox selected state
  12. How do I change selected value of select2 dropdown with JqGrid?
  13. jqGrid iterate over the grid Data in a subgrid
  14. Multiple search with multiplefields by default
  15. How to update value of data in jqgrid
  16. JQGrid: How can I refresh a dropdown after edit?
  17. Local form editing demo and jqGrid 4.4.1
  18. Correctly calling setGridWidth on a jqGrid inside a jQueryUI Dialog
  19. jqGrid treeGrid catch expand collaps events
  20. jqGrid auto filter highlighting search result
  21. How to edit the selected cell on jqGrid
  22. jqgrid load large data set without pagination
  23. jquery with ASP.NET MVC – calling ajax enabled web service
  24. How to get jqGrid reload to go to server?
  25. In JQGrid, Is it possible to use different formatter on grouping summary cell other than column formatter?
  26. why doesn’t Jqgrid frozen column seem to work with filter rows and filter heading?
  27. How can I change the background color of a cell in a jqgrid custom formatter?
  28. Using bootstrap select2 with JqGrid form
  29. In-cell data bars in jqGrid – possible or not?
  30. jqGrid with automatic height; but has a max height & scrollbars

Leave a Comment