`

gridPanel设置行变色

 
阅读更多
doStoreLoad: function() {
		this.setContentStyle();
	},
	dbSortchange: function() {
		this.setContentStyle();
	},
	setContentStyle: function() {
		var total =  this.grid.store.getCount(),view = this.grid.getView();
		for(var i=0 ;i<total;i++) {
			var record = this.grid.store.getAt(i);
			var row = view.getRow(i);
			if(record.data.is_disabled == '2') {
				row.style.color='#9D9D9D';
			}
		}
	}
分享到:
评论

相关推荐

    Ext.net实现GridPanel拖动行、上移下移排序功能DEMO

    对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...

    改变gridpanel的行颜色

    ### 改变GridPanel的行颜色 在使用GridPanel组件进行数据展示时,为了提高可读性和用户体验,我们经常需要对表格中的某些行或单元格进行颜色上的区分。本文将详细介绍如何通过不同的方法来实现这一功能,包括在加载...

    ext gridpanel 跨行

    "ext gridpanel 跨行"这个主题主要涉及到在GridPanel中实现单元格或行的跨行显示,这在展示复杂数据或需要组合信息时非常有用。 首先,让我们深入理解什么是GridPanel。在Ext JS中,GridPanel是一个表格视图,它...

    给Extjs的GridPanel增加“合计”行

    在实际应用中,我们经常需要在GridPanel底部显示一行“合计”行,以便对某一列或多列的数据进行求和或其他统计操作。这篇博文“给Extjs的GridPanel增加‘合计’行”将指导我们如何实现这一功能。 首先,我们需要...

    ExtJs GridPanel双击事件获得双击的行

    本篇文章将深入讲解如何在ExtJs GridPanel中实现双击事件,并获取双击的行以及选中的复选框状态。 首先,我们要了解GridPanel的基本结构。GridPanel由Store(数据存储)和ColumnModel(列模型)组成,它们定义了...

    gridpanel常用操作

    在`GridPanel`中单元格赋值,例如在弹出窗体关闭后更新选定行的数据,可以使用`Ext.getCmp`获取`GridPanel`对象,然后通过`getStore().getAt(rowIndex)`获取特定行的记录,最后利用`set`方法设置字段值,如`record....

    EXTJSEXT实例GridPanel.

    你可以设置列的宽度、对齐方式、是否可排序等属性。 ```javascript var cm = new Ext.grid.ColumnModel([ { header: 'Name', width: 150, dataIndex: 'name' }, { header: 'Email', width: 200, dataIndex: '...

    Coolite 中前台获取 GridPanel 当前选择行值的代码

    使用GridPanel1.getSelectionModel().getSelected()方法可以获取当前选中的行数据,如果设置了ReaderID,则可以通过该ID来获取特定字段的值,如行id。 Coolite的GridPanel组件还可以添加右键菜单功能,这在用户交互...

    ext.net 动态创建gridpanel

    这通常涉及到在服务器端代码(如C#或VB.NET)中创建GridPanel对象,设置其属性,然后将它添加到对应的容器中。`newtpanel.aspx.cs` 文件很可能是实现这一过程的C#代码,其中可能包含以下步骤: - 创建 `Ext.Net....

    gridPanel添加按钮

    例如,可以使用`gridPanel`提供的API来获取选中的行,然后进行编辑、删除或者导出操作。如果需要执行更复杂的逻辑,可能需要使用Ajax请求与服务器通信。 4. **源码和工具**: 提到的"源码"标签可能意味着我们需要...

    Gridpanel多表头的扩展

    在EXTJS框架中,Gridpanel是用于展示数据的常用组件,它提供了丰富的功能,如排序、分页、筛选等。当我们需要对数据进行更复杂的展示,例如按类别或层级分类时,多表头(Multi-Level Headers)就显得尤为重要。标题...

    Extjs入门教程(treePanel和GridPanel)

    2. 创建GridPanel:定义Grid的数据模型,设置列配置,添加行操作和列筛选。 3. 数据绑定:通过store将TreePanel和GridPanel连接起来,使得选择树节点可以动态改变Grid的数据。 4. 事件监听:添加事件监听器来响应...

    扩展GridPanel

    扩展的GridPanel,让其分页后保持选择状态

    Ext实现GridPanel内嵌行内嵌表格(RowExpander)

    RowExpander插件是ExtJS中一个非常有用的特性,允许我们在GridPanel的每一行中添加一个可展开的区域,展示更多的详细信息。 首先,我们来理解RowExpander的基本概念。在标准的GridPanel中,每一行通常只显示简化的...

    ExtJS 表格面板GridPanel完整例子

    然后,我们创建了一个GridPanel,设置了标题、数据源(store)、列配置(columns)和尺寸。最后,我们将GridPanel渲染到页面上。 对于更复杂的应用场景,可能需要涉及以下知识点: - **Ajax数据加载**: 如果数据不...

    ExtJS的GridPanel导出excel文件

    ExtJS的GridPanel导出excel文件,方便快捷易懂!

    Extjs中的GridPanel

    GridPanel 包含了行和列,用于显示数据集。每个单元格可以绑定到数据模型的一个字段。通过配置列定义(columns),我们可以指定列的标题、宽度、对齐方式等属性。 2. **数据绑定**: GridPanel 通常与 Store 关联...

    Ext GridPanel 中实现加链接操作

    在上面的例子中,我们定义了一个名为 `Actions` 的列,并通过 `renderer` 函数设置了单元格的内容。这里的关键是返回一个 HTML 链接,其 `onclick` 属性指向一个名为 `opLink` 的函数,该函数会接收当前行的 ID ...

    Ext GridPanel导出Excel(改进)

    将页面的GridPanel中的数据导出到Excel中 测试Ext:版本2.2.1 支持GridSummary,GroupSummary和GroupHeaderPlugin插件 使用方法: 1)把三个JS文件引入到页面中 2)调用例句: var data2Excel = new Ext.icss.Data2...

    GridPanel中的单元格不能选中复制的解决方法

    "GridPanel中的单元格不能选中复制的解决方法" Ext.grid.GridPanel 是一个功能强大且广泛使用的Grid控件,但是它存在一个很大的缺陷:单元格的内容不能选中,没法选中就没法复制,这给用户带来了很多不便。这个...

Global site tag (gtag.js) - Google Analytics