Extjs Grid - Click event listener

Question

I did successfully add a row double click event listener to my grid by:

listeners : {
    itemdblclick: function(dv, record, item, index, e) {
        alert('working');
    }
},

Now, I need to get the exact value in third column at the selected row, how can I do that ?

EDIT

Okay found it:

listeners: {
    itemclick: function(dv, record, item, index, e) {
        alert(record.get('name'));
    }
}

but seems like the result of record.get('name') is not a text! its an object but I cannot handle it as if it a text. any body has any idea ?

EDIT

For example, if I pass the name to search function: Search(record.get('name')); this won't work. but if I pass it this way: Search('Mike'); it works !

Will you know which column is bound at the third? IE, do you already know the dataIndex? — Evan Trimboli
– Evan Trimboli, Commented Dec 10, 2012 at 6:53
Are you sure? What object does record.get() give you?? If your data is a string, it'll give you a string. Can you inspect it in a debugger? — gideon
– gideon, Commented Dec 10, 2012 at 10:02
yes I am sure, I got the name as string successfully but when I pass it to another function, it can't handle it, on the other hand if I pass the name itself (I type it), function works fine. — Noon
– Noon, Commented Dec 10, 2012 at 10:42
you can look at your record data using console.log(record.data) or in your case console.log(record.get('name')). don't use alert() — sra
– sra, Commented Dec 10, 2012 at 11:26

sra · Accepted Answer · 2012-12-10 12:15:26Z

4

Ensure that

Your property name is really lowercase 'name' and not 'Name'
Print the value of the field into the console with console.log(record.get('name')) or use the direct access by typing console.log(record.data.name) or console.log(record.data['name']). Basically all should return the same.
To cast a value to string apply '' on the fly like var myVar = 2; myVar = myVar + ''; // now print 20 as string

answered Dec 10, 2012 at 12:15

sra

24k8 gold badges59 silver badges89 bronze badges

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

Comments

AJJ · Accepted Answer · 2012-12-10 10:18:59Z

0

Try with,

listeners: {
itemclick: function(dv, record, item, index, e) {
 var selectedRec = dv.getSelectionModel().getSelected();          
 alert(selectedRec.get('name')); //Will display text of name column of selected record
}

answered Dec 10, 2012 at 10:18

AJJ

3,6287 gold badges48 silver badges78 bronze badges

2 Comments

Noon Over a year ago

got this error: Object [object Object] has no method 'getSelected'

sra Over a year ago

@Noon You cannot call getSelected() this before 4.x. Use getSelection() instead. But doing this without mutliselection turned on in case of a click-event is not recommend, you have already the record as second argument!

Collectives™ on Stack Overflow

Extjs Grid - Click event listener

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related