jQuery Grid Plugin - jqGridForum

Topic RSS

Select element text in cell edit mode

03/03/2010
18:18

Member

Members

Forum Posts: 8

Member Since:
07/06/2009

Offline

With inline edit mode as the user tabs through the input elements, the current value of the element is selected. With cell editing mode the current value is not selected. This can be painful for users editing the data in a grid as they have to manually select the text to replace the value. It would be nice if the text was automatically selected when the user selects the cell to edit.

This seemed like it should be as easy as changing the following line in editCell function grid.celledit.js

function () { $(elc).focus();},0);

window.setTimeout(

change to:

window.setTimeout(function () { $(elc).focus();$(elc).select();},0);

However, it actually took quite a bit more changes to make the focus stay on the element at the right times. And for some reason IE seemed to need a delay built into the setTimeout call to make this work in all scenarios. If you would like the code, I can post it, but I am sure it can probably be done better.

Thanks for considering the change!

29/03/2010
13:47

Seroczynski

The Netherlands

Member

Members

Forum Posts: 17

Member Since:
10/02/2010

Offline

I was just thinking of a way to archieve this when I came across your topic. Obviously I would be intrested in more of your changes to the code, and maybe some others as well.

However, I'd like to see this as an future option in jqGrid. The exact same argument on why the OP wanted to archieve this can be applied to my company.

12/04/2010
16:59

ben

Member

Members

Forum Posts: 9

Member Since:
19/10/2009

Offline

If I read you correctly, you should be able to achieve the desired effect without needing to alter jqgrid's code by adding an afterEditCell event handler.

afterEditCell: function afterEditCell(rowID, cellname, value, iRow, iCol) {
$("#" + this.id + " tbody>tr:eq(" + iRow + ")>td:eq(" + iCol + ") input, select, textarea").select();
}

On the other hand, one might want to have a more excel-like behaviour (we're talking of data grids after all) and place the caret depending on where the user clicked.

Therefore, I'm not really confident selecting the content of a cell after it starts being edited is the most "standard" or most ergonomic behavior from a user perspective. It probably depends of what kind of data is being edited and how the user wants to edit it (e.g. not placeing the caret where the user clicked would be painful to the user if all he wants is to correct a spelling mistake on the 12th character of a 20 characters string).

But we probably both agree the current behavior (just enter "edit" mode) is the least ergonomic.

Still, as it is a common denominator, it seems quite appropriate.

16/04/2010
17:04

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello ben,

Thanks. As you said we should provide mechanisms and not ready solutions. Let say that after some time another user want that they want not to select a value

Best Regards

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
54 Guest(s)

Currently Browsing this Page:
1 Guest(s)