如何在网格面板中获取复选框?

大家好,
如何在网格面板中获取复选框列?我想既有普通的列,也有一列复选框.最后,我以行的方式读取记录,而不是基于选中的复选框.我可以要上面提到的网格板吗?
我是ExtJS的新手,在我的项目中使用2.3,学习任何有意义的教程.请帮我举一些例子或教程:(

# 回答1


这里
就是一个例子.看看那里的代码...
致以亲切的问候
# 回答2


@gits
你好小鬼...我看到你的例子了.但当我尝试的时候,我得到了这个错误...
"Ext.grid.CheckColumn"[未定义]不是构造函数.
我不知道如何解决这个错误:
# 回答3


@vibhakhushi
谢谢你们这些混蛋...我解决了这个错误:)因为它是一个插件,所以我也需要在我的代码中包含这个

选择 | 换行 | 行号
  1. Ext.grid.CheckColumn = function(config){
  2.     Ext.apply(this, config);
  3.     if(!this.id){
  4.         this.id = Ext.id();
  5.     }
  6.     this.renderer = this.renderer.createDelegate(this);
  7. };
  8.  
  9. Ext.grid.CheckColumn.prototype ={
  10.     init : function(grid){
  11.         this.grid = grid;
  12.         this.grid.on('render', function(){
  13.             var view = this.grid.getView();
  14.             view.mainBody.on('mousedown', this.onMouseDown, this);
  15.         }, this);
  16.     },
  17.  
  18.     onMouseDown : function(e, t){
  19.         if(t.className && t.className.indexOf('x-grid3-cc-'+this.id) != -1){
  20.             e.stopEvent();
  21.             var index = this.grid.getView().findRowIndex(t);
  22.             var record = this.grid.store.getAt(index);
  23.             record.set(this.dataIndex, !record.data[this.dataIndex]);
  24.         }
  25.     },
  26.  
  27.     renderer : function(v, p, record){
  28.         p.css += ' x-grid3-check-col-td'; 
  29.         return '<div class="x-grid3-check-col'+(v?'-on':'')+' x-grid3-cc-'+this.id+'"> </div>';
  30.     }
  31. };

非常感谢您的帮助:)

# 回答4


您建议的解决方案在Ext JS中运行良好
@vibhakhushi

标签: Javascript

添加新评论