DbGrid RowBorder on click

[Harry Rogers]

I'm displaying images from a table in a dbgrid

When the user clicks a row I want to draw a border around the selected row rather than colour the whole row as dgRowSelect does.

How to achieve this?

 

Thanks

[Hayri ASLAN]

Hi,

 

Try This

 

(do not forget set options.dgrowselect:=True)

 

Call this onCreate

UniDBGrid1.JSInterface.JSCallGlobal(
      'Ext.util.CSS.createStyleSheet',
      ['#' + UniDBGrid1.JSName +
      '_id .x-grid-row-selected .x-grid-cell-inner { border-style: solid;  border-width: 5px;}',
      UniDBGrid1.JSName + '_css']);

And this onClose

UniDBGrid1.JSInterface.JSCallGlobal(
    'Ext.util.CSS.removeStyleSheet',
    [UniDBGrid1.JSName + '_css']);

[Harry Rogers]

Many thanks Hayri

That puts a border round each cell of the selected row - but it still colors each selected row as well, is there a way to not shade the row ?

 

Cheers

[Harry Rogers]

Solved

Not to worry,setting background color as part of the same style sheet entry - found it in the Sencha docs - I have ended up with this :

Many thanks for your help - all the best

 

 UniDBGrid1.JSInterface.JSCallGlobal(

      'Ext.util.CSS.createStyleSheet',

      ['#' + UniDBGrid1.JSName +

      '_id .x-grid-row-selected .x-grid-cell-inner { border-style: solid;  border-width: 1px; background-color: white;}',

      UniDBGrid1.JSName + '_css]);