Add javascript event to jqGrid

Question

I'm using jqGrid plugin and I want to add onKeyPress event to each field of edit form.

This code works for IE8, but fails in FF and IE7

 {name: 'name', index: 'name', width: 200, editable: true, 
     sortable: false, search: true, editoptions: { readonly: false, size: 32, 
     'onKeyPress': 'if($("#cbLanguage").attr("checked"))togeo();' }, 
     editrules: { required: true }}

How to modify this to make it work in IE7 and FF? Thanks.

Do you get any error? can you put in a console.log inside the function to see if it gets called. Have you got a demo url? — redsquare
– redsquare, Commented Aug 3, 2009 at 11:32
I don't get any error. And sadly no url. I'm testing it on local machine. — Sorantis
– Sorantis, Commented Aug 3, 2009 at 11:36
well try the console.log or a debugger statement inside the KeyUp function to see if it event gets called. Can you use firebug to see if the event gets added to the input box also — redsquare
– redsquare, Commented Aug 3, 2009 at 11:37
you could also use a $('input.editClass').live('keyup' func). If you then add a class to the input when it is in edit mode the keyup event will bubble to the live handler and run your function — redsquare
– redsquare, Commented Aug 3, 2009 at 11:40

Sorantis · Accepted Answer · 2009-08-03 12:22:34Z

2

Found the solution! In order to assign event to field I need to add following to editoptions:

dataEvents:[{type:'keypress', fn: function(e) {
if($("#cbLanguage").attr("checked"))togeo(); }}]

answered Aug 3, 2009 at 12:22

Sorantis

14.7k5 gold badges33 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

redsquare · Accepted Answer · 2009-08-03 11:07:29Z

1

Kudos to karim79 for spotting the event issue.

In addition You will be better of using a function rather than an implied string as a function. Easy to read/maintain.

name: 'name', index: 'name', width: 200, editable: true, 
     sortable: false, search: true, editoptions: { readonly: false, size: 32, 
     'onKeyUp': keyUpFn }, 
     editrules: { required: true }}



function keyUpFn (){

 $("#cbLanguage").is(':checked') ){
   togeo();
 }

}

edited Aug 3, 2009 at 11:07

answered Aug 3, 2009 at 10:58

redsquare

78.8k21 gold badges155 silver badges159 bronze badges

Collectives™ on Stack Overflow

Add javascript event to jqGrid

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related