Double-click to edit the cell and SelectedRow selection combo

[jqwidgetuserParticipant]

Clicking any cell in this example selects the entire row:
https://www.jqwidgets.com/angular/angular-grid/#https://www.jqwidgets.com/angular/angular-grid/angular-grid-rowselection.htm

Now, if I make the grid editable by setting the [editable]="true" clicking the cell selects the row, but the cell that was clicked enters the editing state (the cell text is highlighted). I want the cell to enter the editing mode only when the user double-click the cell.
So, I go ahead and set the grid property editmode to dblclick.
Unfortunately, it doesn’t make any difference as a single click on a cell still turns the cell into to editable cell.

Is it possible to have the grid selection mode to be multiplecellsadvanced or singlerow and double-clicking to enter the editing mode of the cell?

[jqwidgetuserParticipant]

It turns that we have to use the single quotes inside of the double quotes wen we set the dblclick property.
Setting the grid with:

<jqxGrid #myGrid 
  [editable]="true"
  [editmode]="'dblclick'"
  [selectionmode]="'multiplerowsextended'"
  >
</jqxGrid>

configured the grid with row selection and double-click to enter the cell editing.

But there is now another problem. Double-clicking the cell located in the row 0, selects the cell in the row 1.
Double clicking the cell in row 1 turns the cell in row 2 editable and so on. Looks like the cell index used is off by one. If it is a bug how long it would take to fix it?

[jqwidgetuserParticipant]

Removing the [showfilterbar]="true" from the grid definition has solved the issue! Most likely, with the showfilterbar enabled it becomes an index 0 offsetting all other row indexes by one. That could result to a cell editing row number mismatch.

[HristoParticipant]

Hello jqwidgetuser,

Thank you for the feedback and for the details.
I will create a work item for this case.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[pincusglParticipant]

Hi Any idea if the above was already fixed? as I intend to use the showfilterbar a lot Thanks… I downloaded the latest version of jqw and using the jQuery

[HristoParticipant]

Hello pincusgl,

The work item mentioned that this is fixed.
I try to create one simple example with the showfilterbar property and it seems to work fine.
Below you could look at the code snippet that I try:

<jqxGrid
  [selectionmode]="'checkbox'"
  [source]="source"
  [theme]="'material'"
  [autoheight]="true"
  [pageable]="true"
  [altrows]="true"
  [filterable]="true"
  [showfilterbar]="true"
  [sortable]="true"
  [columns]="columns"
  #grid>
</jqxGrid>

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[Author]

Posts