editOnSingleclick

[qx5Participant]

I want to enable editing for the TreeGrid by single-clicking on the list.
I have used the following code:

$(“#treegrid”).on(‘rowClick’, (event) => {
$(“#treegrid”).jqxTreeGrid(‘beginCellEdit’, event.args.key, event.args.dataField);
});

When clicked for the first time, the cell properly enters the editing mode and selects all the text within the cell.
But when I click on the text within the cell, attempting to position the mouse cursor, it triggers rowClick again, once more selecting all the text within the cell.
So I will never be able to position the mouse cursor. Is there any solution to this?

By the way, I noticed that when clicking on other non-editable columns in the same row and then returning to the editable column, the issue of repeatedly triggering rowClick disappears.

Sorry, my English is not good.
Thank you very much for your help

[ivanpeevskiParticipant]

Hi qx5,

You can create a “editActive” variable which keeps track of whether the editing is active. Then in the ‘rowClick’ event, start the editing only if editActive is false.
Here is an example: https://jsfiddle.net/ptaf1qec/

Best Regards,
Ivan Peevski
jQWidgets Support
http://www.jqwidgets.com

[qx5Participant]

I’m sorry, I forgot to explain.

my editSettings like this：
editSettings: {
saveOnPageChange: true,
saveOnBlur: true,
saveOnSelectionChange: true,
cancelOnEsc: true,
saveOnEnter: true,
editSingleCell: true,
//editOnDoubleClick: true,
editOnF2: true
},

Because it’s not row editing, but rather single-cell editing mode, the example above doesn’t seem to work.
Is there any other way? Thank you very much

[ivanpeevskiParticipant]

Hi qx5,

Thanks for the feedback
Here is an updated version – https://jsfiddle.net/k1xjmLsu/2/

Best Regards,
Ivan Peevski
jQWidgets Support
http://www.jqwidgets.com

[qx5Participant]

https://jsfiddle.net/k1xjmLsu/2/

Thank you very much for your help, but it seems there’s a small issue with this example.
The cell enters the edit mode correctly on the first click.
When I click for the second time, the cell enters a strange locked state, preventing any input.
All subsequent clicks, however, work as expected.
Is there a solution? Thank you very much

[ivanpeevskiParticipant]

Hi qx5,

Thanks for the feedback!
Here is the updated solution – https://jsfiddle.net/pe2xvd3h/1/

Best Regards,
Ivan Peevski
jQWidgets Support
http://www.jqwidgets.com

[Author]

Posts