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颜色选择器"提供了一个完整的实现,方便开发者直接在项目中使用。 在描述中提到的"ColorField.html"文件是这个实例的主要展示部分。它包含了必要的JavaScript代码和HTML结构,展示了如何在ExtJS中...
在提供的实例源码中,我们看到的是如何在 EXTJS 中修改颜色的示例,具体涉及到 EXTJS 的 FormPanel 和 ComboBox 组件,以及自定义事件处理。 1. **FormPanel**: - `Ext.form.FormPanel` 是 EXTJS 中用于创建表单...
在EXTJS 应用中,颜色选择器提供了用户友好的界面,使得用户能够方便地从预设的颜色列表中选取所需的颜色,或者输入自定义的颜色代码。 在EXTJS 中,ColorField 组件通常用于创建表单字段,允许用户选择颜色。它的...
"ExtJS颜色选择器(modern版)"是这个框架中的一种组件,专门用于在现代版的应用中实现色彩选择功能。 颜色选择器控件在UI设计中至关重要,它允许用户从预定义的颜色库中选择颜色,或者通过拾色器自定义颜色。在...
例如,在使用ExtJS框架构建的应用程序中,可以根据某个特定字段的值来改变表格中行的背景颜色,从而突出显示某些关键信息。本文将详细介绍如何在ExtJS 4.2版本中实现这一功能。 #### 二、技术背景 **ExtJS** 是一...
在ExtJS4中,颜色选择器(ColorPicker)是一个非常实用的组件,它允许用户在界面上方便地选取颜色。这个组件通常用于需要用户输入颜色值的场景,如设计工具、编辑器或者配置界面。 在"Extjs4 拾色器 颜色选择 ...
根据给定的信息,我们可以深入探讨如何在ExtJS中设置图表的颜色以及其他相关配置。ExtJS是一个用JavaScript编写的库,主要用于构建交互式的Web应用程序。它提供了丰富的UI组件、强大的数据处理功能以及灵活的主题...
在ExtJs中,消息提示框(Notification)是用户界面交互的一个重要元素,它能够向用户显示各种类型的通知信息,如警告、确认、信息提示等。 在标题提到的"ExtJs消息提示框"中,我们关注的是如何在ExtJs应用程序中...
ExtJS的loading效果是指当数据正在后台加载或页面正在处理时,显示的一种视觉提示,告知用户系统正在进行工作。这通常是一个旋转的指示器或文字提示,如“正在加载...”。这种效果可以避免用户在等待过程中感到迷茫...
其中,tabpanel是Extjs中一个常用的控件,用于显示多个面板。设置tabpanel当前活动页签的样式是Extjs开发中的一项常见需求。 在Extjs4.2中,tabpanel控件的样式是由CSS样式表控制的。在tabpanel中,每个面板对应一...
- 在ExtJS 4中,这些小图标可能以SVG(矢量图形)或PNG(位图)格式存在,SVG提供更好的缩放效果,而PNG则适合那些需要颜色深度和透明度的图标。 3. **使用方法**: - 在ExtJS应用中,可以使用`Icon`配置项在按钮...
- ExtJS 提供了`Ext.MessageBox`,用于显示警告、确认和信息对话框。改变这些对话框的颜色,你需要找到对应的样式类,如`.x-msg-box`,然后修改对应的CSS属性。 - 例如,如果你想改变消息框的背景和文本颜色,可以...
在EXTJS中,改变表格的颜色是一项常见的需求,用于提高数据可视化效果或突出显示特定的数据。在给定的信息中,我们看到两种方法来实现这个功能:一种是根据单元格的值来改变颜色,另一种是根据行的特定条件来改变...
5. **响应式设计**:学习EXTJS的响应式布局机制,确保图表在不同设备和屏幕尺寸下都能正常显示。 6. **性能优化**:探讨如何处理大量数据,以避免性能问题,如分页加载、延迟渲染等策略。 7. **自定义扩展**:理解...
8. **兼容性和性能**:由于ExtJS是基于浏览器运行的,所以需要考虑兼容性问题,确保设计的界面能在不同浏览器和设备上正常显示。同时,复杂的UI可能会对性能造成影响,因此在设计时需要考虑优化,如减少不必要的组件...
此外,还可以通过ExtJS的皮肤机制来改变图标颜色或样式,以适应不同的主题或品牌需求。 总的来说,这个“ExtJS图标大全”资源包为开发者提供了大量的图标选择,大大简化了创建专业且美观的ExtJS应用的过程。无论是...
这篇博客文章"Extjs的HtmlEidtor富文本编辑器的使用和图片上传显示的实现"将详细介绍如何使用HtmlEditor以及如何实现图片上传和显示的功能。 首先,我们需要了解HtmlEditor的基本用法。HtmlEditor通常包含一个...
2. **实时编辑**:用户可以在网页上直接修改单元格内容,改动会立即显示出来,提供与桌面应用相似的用户体验。 3. **格式支持**:支持设置单元格的字体、颜色、对齐方式、边框样式等Excel常见的格式设定,以满足...
在EXTJS中,Grid Panel是数据展示的核心组件,它用于显示二维表格数据。有时,我们可能需要根据数据的特定条件来动态地改变Grid中某一列的背景颜色或字体颜色,以便于用户更好地理解和区分数据。以下就是EXTJS Grid...
这1001个文件可能是不同类别、风格、颜色和大小的图标,覆盖了EXTJS开发可能需要用到的各种场景。这样的资源库极大地方便了开发者,他们无需花费大量时间去寻找合适的图标,只需在这些预设的图标中选择即可。 EXTJS...