[Go] ext Grid (EXTJS) and double click events

Example 1:

2. 1. Double-click
4. var cb = New Ext.grid.RowSelectionModel ({
6. Singleselect:true //If the value is False, it indicates that multiple rows can be selected, otherwise only one row is selected
8. });
12. var Alarmgrid = New Ext.grid.GridPanel ({
16. }
18. Alarmgrid.addlistener (' Rowdblclick ', ROWDBLCLICKFN);
22. function Rowdblclickfn (grid, rowindex, e) {
24. Grid.getselectionmodel (). each (function (REC) {
26. Alert (Rec.get (fieldName)); //fieldname, field names in the record
28. });
30. }
34. 2. Click
36. var cb = New Ext.grid.RowSelectionModel ({
38. Singleselect:true //If the value is False, it indicates that multiple rows can be selected, otherwise only one row is selected
40. });
44. var Alarmgrid = New Ext.grid.GridPanel ({
48. }
50. Alarmgrid.addlistener (' Rowclick ', ROWCLICKFN);
54. function Rowclickfn (grid, rowindex, e) {
56. Grid.getselectionmodel (). each (function (REC) {
58. Alert (Rec.get (fieldName)); //fieldname, field names in the record
60. });
62. }

Add when initializing: The above one is written separately. Add a click-to-double event, mainly using AddListener to add ' rowclick ' and ' Rowdblclick ' for the click and double click events. And initialize the configuration, as long as the configuration grid inside the listeners can be!

Java code

2. var cb = New Ext.grid.RowSelectionModel ({
4. Singleselect:true //If the value is False, it indicates that multiple rows can be selected, otherwise only one row is selected
6. });
10. var Alarmgrid = New Ext.grid.GridPanel ({
14. }
16. Alarmgrid.addlistener (' Rowclick ', ROWCLICKFN);
20. function Rowclickfn (grid, rowindex, e) {
22. Grid.getselectionmodel (). each (function (REC) {
24. Alert (Rec.get (fieldName)); //fieldname, field names in the record
26. });
28. }
32. var Grid = New Ext.grid.GridPanel ({
34. Store: <your Datastore>
36. Columns:[<your Columns>],
38. Renderto:' Example-grid ',
40. Height:
42. listeners:{
44. Click
46. Rowdblclick:function (Grid,row) {
48. Alert ("Rowdblclick")
50. },
52. Double click
54. Rowclick:function (Grid,row) {
56. Alert (' Rowclick ')
58. }
60. }
62. });

Example 2:

How does the ExtJs4.0 table double-click event be implemented?

Check out the relevant examples and Google, but the tests were unsuccessful. Please use the extjs4 of the hero to guide under, greatly appreciated!

An example attached to Google:

?

12345678910111213141516171819202122232425262728293031

var cb = new Ext.grid.RowSelectionModel({        singleSelect:true //如果值是false，表明可以选择多行；否则只能选择一行   });     var alarmGrid = new Ext.grid.GridPanel({    }   alarmGrid.addListener(‘rowclick‘, rowclickFn);     function rowclickFn(grid, rowindex, e){        grid.getSelectionModel().each(function(rec){        alert(rec.get(fieldName)); //fieldName，记录中的字段名        });   }     var grid = new Ext.grid.GridPanel({     store: <your datastore>,     columns:[<your columns>],     renderTo:‘example-grid‘,     height:200,     listeners:{  //单击         rowdblclick : function(grid,row){             alert("rowdblclick")         },  //双击         rowclick:function(grid,row){             alert(‘rowclick‘)         }     }  });

Supplementary------------------------------issues

Grid.addlistener (' Itemdblclick ', click, this); function Click (Grid, rowindex, e) {alert (11);} The double-click event is Itemdbclick, and clicking the event is ItemClick.

[Go] ext Grid (EXTJS) and double click events