Guriddo » Topic: Select value when enter a cell (celledit)

Select value when enter a cell (celledit)

Guriddo
Select value when enter a cell (celledit)

This topic has 13 replies, 3 voices, and was last updated 16 years, 4 months ago by birt.

Creator

Topic
November 12, 2009 at 3:42 am #74634

birt
Participant

Hello!

I'm using celledit (jqGrid ver 3.5.3) and wonder if there is any way to make a value selected immediately when enter the cell with celledit. The main purpose is for cells with value=0. When edit a cell like that you have to first erase the “0” and then enter the new value. Otherwise the new value will be the “0” concatenated with the entered value (like 065). It doesn't look very nice.

/birt
Creator

Topic

Viewing 13 replies - 1 through 13 (of 13 total)

Author

Replies
November 12, 2009 at 11:02 am #90605

tony
Keymaster

Hello,

Sorry – do not understand.

Regards

Tony

November 13, 2009 at 9:23 am #90629

birt
Participant

Yes, I know it was kind of cryptic question. I will try to eplain better:

I would like to enter especially numbers/digits to a cell (using celledit) without having to erase to old value first. I would like the old value to be deleted or selected immediately when “opening” the cell. Something like this:

http://i37.tinypic.com/292b1jn.jpg

As I wrote the main purpose is for cells with value=0. When opening a cell like this:

http://i36.tinypic.com/fdhv9c.jpg

If I type a value (56) without deleting the old it will look like this (not desired):

http://i37.tinypic.com/28quiv5.jpg

(But what I want is this:)

http://i38.tinypic.com/2w3xmrd.jpg

I realize that this is maybe not a very big or common problem but do you have any solution that I can try??

regards

birt

November 17, 2009 at 12:42 am #90718

tony
Keymaster

Hello,

use afterEditCell something like this

…

afterEditCell : function(rowid, name, value, iRow, iCol) {

$(“#”+iRow+”_”+name,”#mygrid”).select();

}

…

Regards

Tony

November 19, 2009 at 7:32 pm #90852

Jo
Participant

Hi,

I'd also like to achieve the same effect. The above suggestion works, however if I press Esc to cancel out of cell editing I lose the keyboard navigation (ie pressing the arrow buttons no longer does anything – the focus is else where). The problem does not occur if I change the value of the cell and press Enter. If value is not changed and Enter is pressed the problem still occurs.

Regards,

Jo

November 21, 2009 at 8:01 am #90903

tony
Keymaster

Hello,

Seems like with select() we loose the focus. try select().focus() – not sure if this is the appropriate approach.

Regards

Tony

November 23, 2009 at 8:12 am #90942

birt
Participant

Thanks Tony!

For me it seems to work with both select() and select().focus() in FF, might be browser dependent?

However, I can feel that the focus sometimes becomes elsewhere after editing a cell in IE8. This happens independent of if the function you suggested is active or not. It looks like if the cell width is decreased and then you can't navigate with the keyboard's arrow buttons any more.

Regards

birt

November 23, 2009 at 12:12 pm #90964

tony
Keymaster

Hello,

Also maybe the right code should use setTimeout – i.e:

setTimeout(function() { $(”#”+iRow+”_”+name,”#mygrid”).select().focus();},10);

Good practice is to use setTimeout when you try to focus some element. (instead that the timeout can be 0)

Best Regards

Tony

November 23, 2009 at 5:32 pm #90980

Jo
Participant

Hi,

Yes it works in firefox but not in IE8 – have tried both normal and compatibility mode. The focus is shifted to the IE scrollbars.

Regards,

Jo

November 24, 2009 at 6:06 am #90989

birt
Participant

Hi again,

Are there any changes to this behaviour (the focus moved to the IE8 scrollbars after saving cell) in jqGrid 3.6??

Will it work better if I upgrade jqGrid?

/birt

November 24, 2009 at 5:02 pm #90997

Jo
Participant

Hi,

I'm using jqGrid 3.6.1 and having this problem. It's strange as if you change the cell value then the focus is ok – it's only if you leave the value unchanged (ie RestoreCell is called instead of SaveCell) that the focus changes to the IE scrollbars.

Regards,

Jo

November 25, 2009 at 9:30 am #91004

birt
Participant

Hi,

It is a bit strange because my experience is that it to work the other way, Ok when leaving without save (pressing Esc) and “hangs” when saving (pressing Enter). For text fields I also notice that the width of the current cell is changed a bit when saved. (The right border is moved a bit to the left.) Do you have the same issue?

/birt

November 25, 2009 at 5:18 pm #91040

Jo
Participant

Hi,

Yes that happens if you use IE8 without the compatibility mode switched on. If you switch it on then it fixes the alignment issues.

I've looked into it and it happens outside of the jqgrid as well – ie it's an IE8 bug.

Regards,

Jo

November 27, 2009 at 8:45 am #91088

birt
Participant

Jo,

Thank you for clarifying this!

regards

birt
Author

Replies