Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
DUFEIL Philippe
530
igx-grid - cell editing
posted

Hello,
I use a grid with a lot of cells like this:

I would like to know if it is possible in "celledit" to select the cell value at the same time?

like this :

in order To allow the user to overwrite the old value with the new 

Thanks in advance,

best regards

Philippe DUFEIL

Parents
No Data
Reply
  • 700
    Verified Answer
    Offline posted

    Hello Philippe,

    Thank you for posting in our community!

    I have been looking into your question and an approach I could suggest in order to achieve your requirement is defining a custom template, that will be used when a cell is in edit mode, and using the igxFocus and igxTextSelection directives as the igxFocus will focus the element that it is applied to, and igxTextSelection will select the content of the element. Afterwards, this template should be set to the cellEditorTemplate property of each column that requires it.

    Additionally, in order to demonstrate my suggestion, I have prepared a small sample where I am using the abovementioned approach and as could be observed in the attached GIF file, when entering edit mode for any cell (i.e., double or single click), the value of the cell is selected.

    Here could be found my sample for your reference. Please test it on your side and let me know if you need any further assistance.

    Looking forward to your reply.

    Sincerely,
    Riva Ivanova
    Entry Level Software Developer

Children