我加载一个grid的时候,想达到的效果是 符合条件的行默认勾选(已实现),不符合条件的是禁止勾选的,只是作为查看的一条信息。
关键部分代码如下
listeners:{ 'afterlayout':function(){ var me = this; var myStore = me.getStore(); // 这是store var count = myStore.getCount(); var records = myStore.getRange(0,count-1); // 这是所有的数据 if(records != undefined && records != null){ for(var record in records){ var rawValue = records[record].raw; // 这是一行数据 if(rawValue != null){ if(符合条件){ // 勾选 这个已经实现 me.getSelectionModel().select(myStore.findRecord('defectCode',rawValue['defectCode']),true,false); }else { // 禁止勾选 (最好变成灰色) /* 这里就是需要各位大神帮忙的地方,怎么让不符合条件的行复选框无法勾选*/ } } } } } }
多谢了先!Ext.grid.Panel api里只有disableSelection属性禁用所有行,没发让它禁用部分,可能是我技术有限,so寻求大神!
看缘分了~
相关推荐
**2.5 Editor Grid Panel (Ext.grid.EditorGridPanel)** - **xtype**: `editorgrid` - **功能描述**:Editor Grid Panel 是一个支持行级编辑的网格面板。 - **主要用途**:适合于需要对表格中的数据进行编辑的场景...
extend: 'Ext.grid.Panel', alias: 'widget.receiptlist', id : 'receiptlist', selModel : { selType : 'checkboxmodel', mode : 'SIMPLE', checkOnly : true, renderer : function(v,p,record) { if ...
首先,Ext的可编辑表格通常指的是`Ext.grid.Panel`或`Ext.grid.Viewport`,它们提供了一种交互式的表格展示和编辑数据的方式。在这些表格中,我们可以配置各列的编辑器,使得用户可以直接在单元格内进行输入或选择...
**Ext.Panel** - **描述**: 面板组件,具有标题、工具栏、布局等功能。 - **用途**: 创建包含标题、工具栏和内容区域的可折叠面板。 **Ext.TabPanel** - **描述**: 选项卡面板,可以在多个面板之间切换。 - **用途*...
2. **集成Grid**:在下拉部分,我们创建一个Ext.grid.Panel实例,配置数据源、列模型、复选框模型等。 3. **事件处理**:监听用户的操作,如选择、搜索、关闭下拉等,确保combogrid与grid之间的交互顺畅。 4. **优化...
EditGrid是基于Ext.grid.Panel构建的,它使用Ext.data.Model来管理每行的数据,并通过Ext.data.Store将数据与服务器进行同步。当用户编辑单元格时,EditGrid会触发一系列事件,如`edit`、`validateedit`等,以便于...
1. 创建一个Ext.form.Panel,称为customMadePanel,在其中放置一个checkboxgroup,用于生成checkbox。 2. 在customMadePanel定义中,设置xtype为'checkboxgroup',并初始化一个空的items数组,用于存放生成的...
- `panel`: 功能强大的容器,可以包含标题、工具栏、边框等。 - `tabpanel`: 包含多个选项卡的面板,每个选项卡可以是独立的面板。 - `treepanel`: 展示树形结构数据的组件,支持展开、折叠等操作。 - `flash`: ...