Best approach to add a active/selected row pointer to wijmo.grid rowheader(s)?

Best approach to add a active/selected row pointer to wijmo.grid rowheader(s)?

Posted by: developer on 15 October 2018, 2:34 am EST

• 

  developer

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 15 October 2018, 2:34 am EST

  We use the latest wijmo.grid together with a custom cellfactory. If a row gets active/selected, we add dynamically a custom class “rowstate-active” to the visual row element, else remove that class.

  So my idea was to get a glyph icon (css content?) displayed together with that class in the rowheader area of the grid. How do we accomplish that at best? I’ve seen you already use the “ui-icon-triangle-1-xyz” icon glyphs internally, is there a way to “re-use” them somehow for the active row marker? Or do we have to roll our own glyph-set?

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 15 October 2018, 9:34 pm EST

  You may use Wijmo glyphs simple by adding span tags.
  
  A list of supported Wijmo glyphs can be found here: https://demos.wijmo.com/5/Angular/WijmoHelp/WijmoHelp/static/glyphs.html

  Please refer to the following sample which demonstrates how you can add glyphs using custom cellFactory: https://stackblitz.com/edit/angular-wbvrzf?file=app%2FcustomCellFactory.ts
  
  You may also use 3rd party glyphs in a similar manner.

  ~Sharad