Ext Grid上的單擊以及雙擊事件
阿新 • • 發佈:2019-01-27
- 1、雙擊
- var cb = new Ext.grid.RowSelectionModel({
- singleSelect:true//如果值是false,表明可以選擇多行;否則只能選擇一行
- });
- var alarmGrid = new Ext.grid.GridPanel({
- }
- alarmGrid.addListener('rowdblclick', rowdblclickFn);
- function rowdblclickFn(grid, rowindex, e){
- grid.getSelectionModel().each(function(rec){
- alert(rec.get(fieldName)); //fieldName,記錄中的欄位名
- });
- }
- 2、單擊
- 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,記錄中的欄位名
- });
- }
初始化時新增:以上那個是單獨寫的新增單擊雙擊事件,主要使用addListener新增'rowclick'和'rowdblclick'代表單擊和雙擊事件。而初始化配置,只要配置Grid裡面的listeners就可以了!
Java程式碼- var cb = new Ext.grid.RowSelectionModel({
- singleSelect:true
- });
- 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')
- }
- }
- });