`
jimmy9495
  • 浏览: 302641 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

EXTJS颜色显示

ext 
阅读更多

var type_renderer = function(v) {
		if (v == 1)
			return '<font color="green">付费用户</font>';
		else if (v == 2)
			return '<font color="RED">付费将到期</font>';
		else if (v == 0)
			return '<font color="blue">免费用户</font>';
		else if (v == null)
			return '待开通';
		else
			return '';
	}

	this.columns = [ new Ext.grid.CheckboxSelectionModel( {
		singleSelect : true
	}), new Ext.grid.RowNumberer( {
		header : '序号',
		width : 35
	}), {
		dataIndex : 'eid',
		hidden : true
	}, {
		header : "乡镇",
		width : 100,
		sortable : false,
		dataIndex : 'address'
	}, {
		header : "养殖户名",
		width : 80,
		sortable : false,
		dataIndex : 'ownerName'
	}, {
		header : "类型",
		width : 100,
		sortable : false,
		dataIndex : 'chtype',
		renderer : type_renderer  // 调用自定义的函数更具不同状态显示不同颜色
	},
			{
				header : "详细地址",
				width : 120,
				sortable : false,
				dataIndex : 'daddress'
			} ];

分享到:
评论

相关推荐

    Extjs颜色选择器选择器

    本实例中的"Extjs颜色选择器"提供了一个完整的实现,方便开发者直接在项目中使用。 在描述中提到的"ColorField.html"文件是这个实例的主要展示部分。它包含了必要的JavaScript代码和HTML结构,展示了如何在ExtJS中...

    EXTJS修改颜色实例源码

    在提供的实例源码中,我们看到的是如何在 EXTJS 中修改颜色的示例,具体涉及到 EXTJS 的 FormPanel 和 ComboBox 组件,以及自定义事件处理。 1. **FormPanel**: - `Ext.form.FormPanel` 是 EXTJS 中用于创建表单...

    extjs之颜色选择器的使用

    在EXTJS 应用中,颜色选择器提供了用户友好的界面,使得用户能够方便地从预设的颜色列表中选取所需的颜色,或者输入自定义的颜色代码。 在EXTJS 中,ColorField 组件通常用于创建表单字段,允许用户选择颜色。它的...

    ExtJS颜色选择器(mordern版)

    "ExtJS颜色选择器(modern版)"是这个框架中的一种组件,专门用于在现代版的应用中实现色彩选择功能。 颜色选择器控件在UI设计中至关重要,它允许用户从预定义的颜色库中选择颜色,或者通过拾色器自定义颜色。在...

    Extjs4.2 根据不同的数值设置tabpanel行的背景颜色

    例如,在使用ExtJS框架构建的应用程序中,可以根据某个特定字段的值来改变表格中行的背景颜色,从而突出显示某些关键信息。本文将详细介绍如何在ExtJS 4.2版本中实现这一功能。 #### 二、技术背景 **ExtJS** 是一...

    Extjs4 拾色器 颜色选择 ColorPicker

    在ExtJS4中,颜色选择器(ColorPicker)是一个非常实用的组件,它允许用户在界面上方便地选取颜色。这个组件通常用于需要用户输入颜色值的场景,如设计工具、编辑器或者配置界面。 在"Extjs4 拾色器 颜色选择 ...

    图表颜色设置 extjs

    根据给定的信息,我们可以深入探讨如何在ExtJS中设置图表的颜色以及其他相关配置。ExtJS是一个用JavaScript编写的库,主要用于构建交互式的Web应用程序。它提供了丰富的UI组件、强大的数据处理功能以及灵活的主题...

    ExtJs消息提示框

    在ExtJs中,消息提示框(Notification)是用户界面交互的一个重要元素,它能够向用户显示各种类型的通知信息,如警告、确认、信息提示等。 在标题提到的"ExtJs消息提示框"中,我们关注的是如何在ExtJs应用程序中...

    Extjs的loading效果

    ExtJS的loading效果是指当数据正在后台加载或页面正在处理时,显示的一种视觉提示,告知用户系统正在进行工作。这通常是一个旋转的指示器或文字提示,如“正在加载...”。这种效果可以避免用户在等待过程中感到迷茫...

    Extjs4.2 设置tabpanel当前活动页签的样式

    其中,tabpanel是Extjs中一个常用的控件,用于显示多个面板。设置tabpanel当前活动页签的样式是Extjs开发中的一项常见需求。 在Extjs4.2中,tabpanel控件的样式是由CSS样式表控制的。在tabpanel中,每个面板对应一...

    包含各种类型的extjs小图标,Extjs4小图标

    - 在ExtJS 4中,这些小图标可能以SVG(矢量图形)或PNG(位图)格式存在,SVG提供更好的缩放效果,而PNG则适合那些需要颜色深度和透明度的图标。 3. **使用方法**: - 在ExtJS应用中,可以使用`Icon`配置项在按钮...

    extjs实例 入门,提供ext所需要的资源文件,详细叙述怎么改变文件颜色

    - ExtJS 提供了`Ext.MessageBox`,用于显示警告、确认和信息对话框。改变这些对话框的颜色,你需要找到对应的样式类,如`.x-msg-box`,然后修改对应的CSS属性。 - 例如,如果你想改变消息框的背景和文本颜色,可以...

    Extjs改变表格的颜色

    在EXTJS中,改变表格的颜色是一项常见的需求,用于提高数据可视化效果或突出显示特定的数据。在给定的信息中,我们看到两种方法来实现这个功能:一种是根据单元格的值来改变颜色,另一种是根据行的特定条件来改变...

    EXTjs图开编程EXTJS

    5. **响应式设计**:学习EXTJS的响应式布局机制,确保图表在不同设备和屏幕尺寸下都能正常显示。 6. **性能优化**:探讨如何处理大量数据,以避免性能问题,如分页加载、延迟渲染等策略。 7. **自定义扩展**:理解...

    ExtJS 界面设计器

    8. **兼容性和性能**:由于ExtJS是基于浏览器运行的,所以需要考虑兼容性问题,确保设计的界面能在不同浏览器和设备上正常显示。同时,复杂的UI可能会对性能造成影响,因此在设计时需要考虑优化,如减少不必要的组件...

    extjs图标大全extjs图标大全extjs图标大全extjs图标大全

    此外,还可以通过ExtJS的皮肤机制来改变图标颜色或样式,以适应不同的主题或品牌需求。 总的来说,这个“ExtJS图标大全”资源包为开发者提供了大量的图标选择,大大简化了创建专业且美观的ExtJS应用的过程。无论是...

    Extjs的HtmlEidtor富文本编辑器的使用和图片上传显示的实现

    这篇博客文章"Extjs的HtmlEidtor富文本编辑器的使用和图片上传显示的实现"将详细介绍如何使用HtmlEditor以及如何实现图片上传和显示的功能。 首先,我们需要了解HtmlEditor的基本用法。HtmlEditor通常包含一个...

    基于EXTJS 的在线EXCEL编辑器

    2. **实时编辑**:用户可以在网页上直接修改单元格内容,改动会立即显示出来,提供与桌面应用相似的用户体验。 3. **格式支持**:支持设置单元格的字体、颜色、对齐方式、边框样式等Excel常见的格式设定,以满足...

    extjs grid设置某列背景颜色和字体颜色的方法

    在EXTJS中,Grid Panel是数据展示的核心组件,它用于显示二维表格数据。有时,我们可能需要根据数据的特定条件来动态地改变Grid中某一列的背景颜色或字体颜色,以便于用户更好地理解和区分数据。以下就是EXTJS Grid...

    EXTJS 项目图标

    这1001个文件可能是不同类别、风格、颜色和大小的图标,覆盖了EXTJS开发可能需要用到的各种场景。这样的资源库极大地方便了开发者,他们无需花费大量时间去寻找合适的图标,只需在这些预设的图标中选择即可。 EXTJS...

Global site tag (gtag.js) - Google Analytics