jQuery Grid Plugin - jqGridForum

Topic RSS

Trouble Focusing on Ipad

02/10/2014
10:45

Nahro

Member

Members

Forum Posts: 13

Member Since:
02/10/2014

Offline

Hello,

I am currently working on web-based app for a customer, basically what it should do is just output a grid with informations from a databse, and give the user the possibillity to a few information.
This is all working quite ok, I just have one trouble getting the focus to the first editable cell in a selected row - BUT only on the Ipad/Iphone.

The focus works ok on a PC, on the Ipad the editmode starts correctly, and works fine, but isnt focusing anything - which means the customer needs to click on a row to start editing, then click into the textbox to actually open the virtual keyboard.

I have read up on the behaviour of the Ipad and it seems to be a common problem - solved by setting the focus by changing the touchend/mouseup event, but in context of jqGrid I just dont know how to do it.
Did anybody here had the problem before and might know how to fix it?

thanks in advance!

03/10/2014
13:32

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Depending on the editing module you may use a events which fire after the editing is build.

Regards

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.

06/11/2014
12:17

Nahro

Member

Members

Forum Posts: 13

Member Since:
02/10/2014

Offline

Hi,

This is for example the way I tried to do it: (you can see I tried it via different ways)

onSelectRow: function(id){
Â Â  Â Â Â  Â Â Â  Â if(id!=lastsel){
Â Â  Â Â Â  Â Â Â  Â Â Â  Â jQuery('#list').jqGrid('saveRow',lastsel);
Â Â  Â Â Â  Â Â Â  Â Â Â  Â //Adding Value for Submission Counter
Â Â  Â Â Â  Â Â Â  Â Â Â  Â makeAmountOutput();
Â Â  Â Â Â  Â Â Â  Â Â Â  Â 
Â Â  Â Â Â  Â Â Â  Â Â Â  Â //Set Null, select new Row
Â Â  Â Â Â  Â Â Â  Â Â Â  Â lastsel = null;
Â Â  Â Â Â  Â Â Â  Â Â Â  Â jQuery('#list').jqGrid('editRow',id,true);
Â Â  Â Â Â  Â Â Â  Â Â Â  Â lastsel=id;
Â Â  Â Â Â  Â Â Â  Â Â Â  Â var focusElement = id+'_NR';
Â Â  Â Â Â  Â Â Â  Â Â Â  Â //alert(focusElement);
Â Â  Â Â Â  Â Â Â  Â Â Â  Â $(focusElement).focus();
Â Â  Â Â Â  Â Â Â  Â Â Â  Â //$(document).bind("mouseup",function(event) {
Â Â  Â Â Â  Â Â Â  Â Â Â  Â //Â Â  Â jQuery('#list').jqGrid('getCell',id,'NR').focus(); //selects specific row and underlying cell and sets the focus
Â Â  Â Â Â  Â Â Â  Â Â Â  Â //});
Â Â  Â Â Â  Â Â Â  Â }

As I said in another Thread of mine (and most likely is shown by my lack of talent to format anything correctly ^^'')
I am rather new to Jscript / HTML, but I start to get the hang of it.

Anyway I really appreciate the help - even though I have vanished for the past month...

09/11/2014
13:27

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

In the last release we have a parameter named focusField which should be a number represented the number of colModel start from 0. If set the desired field should be focused

jQuery('#list').jqGrid('editRow',id, { keys: true, focusField : 3} );

Another possible solution is to try to use oneditfunc which I recommend you in my previous post

jQuery('#list').jqGrid('editRow',id, {Â Â  keys: true,Â Â  oneditfunc : function( rowid) {Â Â Â Â  $("#"+rowid+"_NR").focus();Â Â  } });

Kind Regards

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.

10/11/2014
09:20

Nahro

Member

Members

Forum Posts: 13

Member Since:
02/10/2014

Offline

Worked like a charm on my PC so far thank you very much - I will edit once I could test it on my Ipad!

thanks agains!

17/11/2014
12:19

Nahro

Member

Members

Forum Posts: 13

Member Since:
02/10/2014

Offline

So,

Apperantly since IOs 7.0 Apple made it "near" impossible to set focus programmatically - you can only set Focus on a select few user initiated events, such as touchend/clickend events.

Even if it is kind of a bummer - I guess it can't be helped, thank you anyway for your help and replies.

I have one other question regarding teh manipulation of attributes of the textboxes generated by the edit mode. But I am not sure if I should open a new Thread or just keep it in this one? (not so sure about the forum policies here...)

19/11/2014
15:38

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Yes We can not do anything in this case.

About the question - new question - new thread.Â

Kind Regards

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:
67 Guest(s)

Currently Browsing this Page:
1 Guest(s)