This is a migrated thread and some comments may be shown as answers.

Customising a GridClientSelectColumn

1 Answer 34 Views
Grid
This is a migrated thread and some comments may be shown as answers.
CP
Top achievements
Rank 1
CP asked on 24 Mar 2017, 12:51 PM

I'm trying to replicate the functionality in an underlying web application for my add-on page. The underlying application has a splitter whose panes each contain a grid and which performs the following grid actions:

  • Each grid appears to have a GridClientSelectColumn and also has the ability to simply click a row.
  • Only a single row can be selected by clicking the row. This does not actually select the row (the GridClientSelectColumn is not checked).
  • Multiple rows may be selected by clicking the GridClientSelectColumn.
  • On clicking a row in the top grid, the row is highlighted and the related records are shown in the lower grid. The current row (last row clicked NOT selected) also has a small indicator displayed to the left of the GridClientSelectColumn checkbox.
  • Checking the GridClientSelectColumn in the grid header either selects or deselects all rows in the grid.
  • Current row indicator should be retained if the user checks column(s) in the GridClientSelectColumn.

Most of the behaviour is covered by the standard GridClientSelectColumn however I don't want the row to be selected (checked in the GridClientSelectColumn) if the user just clicks the row.

I tried setting <Selecting AllowRowSelect="true" UseClientSelectColumnOnly="true" /> but this doesn't highlight the row when clicked so probably this highlighting ( and the current row indicator) can be achieved with some CSS in the OnRowClicked event ??

Unfortunately while I am competent with changing existing CSS I'm not so good on writing new so if the solution is CSS then any help or examples would be great.

 

Kyle

1 Answer, 1 is accepted

Sort by
0
Eyup
Telerik team
answered on 27 Mar 2017, 10:47 AM
Hi Kyle,

I've already replied to this query in your support ticket with ID: 1100021. I suggest that we continue our conversation in the mentioned thread.

Regards,
Eyup
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Grid
Asked by
CP
Top achievements
Rank 1
Answers by
Eyup
Telerik team
Share this question
or