如何在 extjs 3 网格中选择行以及如何放置过滤器

Posted

技术标签:

【中文标题】如何在 extjs 3 网格中选择行以及如何放置过滤器【英文标题】:How to select row in extjs 3 grid and How to put fiilter 【发布时间】:2016-07-01 03:32:30 【问题描述】:

我在 EXTJS 3 中创建了一个网格。我想选择一行,为此我需要在行的开头获取一个复选框。可以请任何人帮助我应该使用哪个配置。 还如何为列提供过滤器。 我的代码是


xtype: 'grid',
id: 'C_GRID',
height:500,
selType: 'checkboxmodel',
frame: true,
autoHeight: true,
stripeRows: true,
store: myStor,
columns : this.columns,
bbar: [
    xtype: 'button',
    text: 'ABC',
    handler: function() 
       // debugger;
    
, 
    xtype: 'button',
    text: 'XYZ',
    handler: function() 
        //debugger;
    
],

【问题讨论】:

【参考方案1】:

如果您使用的是 ExtJS 3 版本,那么您必须将 sm 配置给网格。

您的代码 sn-p 的副本:


xtype: 'grid',
id: 'C_GRID',
height:500,
sm: new Ext.grid.CheckboxSelectionModel(singleSelect:true),
frame: true,
autoHeight: true,

您可以使用:

Ext.getCmp('C_GRID').getSelectionModel().getSelected();

【讨论】:

谢谢!!我正在尝试这个。你能帮我过滤一下吗? 当我从 xml 获取列时,我没有得到过滤器,但是当我在代码中声明列时,我得到了过滤器。 复选框未出现。 没有。我还在开发中。一会儿我会告诉你的。 谢谢 这是有效的。一件事是我想在行的最开始使用复选框,

以上是关于如何在 extjs 3 网格中选择行以及如何放置过滤器的主要内容,如果未能解决你的问题,请参考以下文章

ExtJS 3:如何根据行中的值对不同的行定义不同的操作?

如何在 MODx 网格中使用 ExtJS 插件“行扩展器”

在 Extjs 3 中取消选择网格的行

如何仅在单击网格中的复选框而不是单击单元格或行时选择复选框在 extjs 3.2

如何在 extjs 3.4 网格面板中显示/隐藏列

在 ExtJS 中突出显示/选择网格行