当前位置： 代码迷 >> Web前端 >> Ext Grid下的单击以及双击事件
  详细解决方案

Ext Grid下的单击以及双击事件

热度：113   发布时间：2012-10-07 17:28:51.0
Ext Grid上的单击以及双击事件

?

2011-04-11 23:22 153人阅读 评论 (0) 收藏 举报

?

  1. 1 、双击?????
  2. var?cb?=?new ?Ext.grid.RowSelectionModel({?????
  3. ????singleSelect:true ? //如果值是false，表明可以选择多行；否则只能选择一行??? ??
  4. });?????
  5. ????
  6. var?alarmGrid?=?new ?Ext.grid.GridPanel({?????
  7. ????
  8. }?????
  9. alarmGrid.addListener('rowdblclick' ,?rowdblclickFn);?????
  10. ????
  11. function?rowdblclickFn(grid,?rowindex,?e){?????
  12. ????grid.getSelectionModel().each(function(rec){?????
  13. ????alert(rec.get(fieldName));?//fieldName，记录中的字段名??? ??
  14. ????});?????
  15. }?????
  16. ????
  17. 2 、单击?????
  18. var?cb?=?new ?Ext.grid.RowSelectionModel({?????
  19. ????singleSelect:true ? //如果值是false，表明可以选择多行；否则只能选择一行??? ??
  20. });?????
  21. ????
  22. var?alarmGrid?=?new ?Ext.grid.GridPanel({?????
  23. ????
  24. }?????
  25. alarmGrid.addListener('rowclick' ,?rowclickFn);?????
  26. ????
  27. function?rowclickFn(grid,?rowindex,?e){?????
  28. ????grid.getSelectionModel().each(function(rec){?????
  29. ????alert(rec.get(fieldName));?//fieldName，记录中的字段名??? ??
  30. ????});?????
  31. }????

?

?初始化时添加：以上那个是单独写的添加单击双击事件，主要使用addListener添加'rowclick'和'rowdblclick'代表单击和双击事件。而初始化配置，只要配置Grid里面的listeners 就可以了！

Java代码??收藏代码
  1. var?cb?=? new ?Ext.grid.RowSelectionModel({???
  2. ?????singleSelect:true ? //如果值是false，表明可以选择多行；否则只能选择一行? ??
  3. });???
  4. ??
  5. var?alarmGrid?=?new ?Ext.grid.GridPanel({??
  6. ??
  7. }???
  8. alarmGrid.addListener('rowclick' ,?rowclickFn);???
  9. ??
  10. function?rowclickFn(grid,?rowindex,?e){???
  11. ?????grid.getSelectionModel().each(function(rec){???
  12. ?????alert(rec.get(fieldName));?//fieldName，记录中的字段名? ??
  13. ?????});???
  14. }???
  15. ??
  16. var?grid?=?new ?Ext.grid.GridPanel({??
  17. ???store:?<your?datastore>,??
  18. ???columns:[<your?columns>],??
  19. ???renderTo:'example-grid' ,??
  20. ???height:200 ,??
  21. ???listeners:{??
  22. //单击 ??
  23. ???????rowdblclick?:?function(grid,row){??
  24. ???????????alert("rowdblclick" )??
  25. ???????},??
  26. //双击 ??
  27. ???????rowclick:function(grid,row){??
  28. ???????????alert('rowclick' )??
  29. ???????}??
  30. ???}??
  31. });?
  相关解决方案

代码迷 - 您身边的软件异常，代码异常，编程异常助手（发现，解决，分享）
Copyright © 2009-2013 DAIMAMI.COM. All rights reserved.