`
tangjunliang
  • 浏览: 109221 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Extjs 在GridPanel中显示图标的方法

阅读更多
                {header:'名称',width:200,sortable:true,dataIndex:'appname'},
                {header:'图标',width:350,sortable:true,dataIndex:'appico',renderer:function(data, metadata, record, rowIndex, columnIndex, store) {
                    var data = record.data ;
                    var url = data.appico;
                    return String.format('<input id="show" type=image width=25 height=25 src='+url+' title="show"/>');
                }},

给相应的列写个renderer即可
  • 大小: 5.8 KB
分享到:
评论

相关推荐

    Extjs4 GridPanel 的几种样式使用介绍

    在本文中,我们将深入探讨ExtJS4中的GridPanel样式及其选择模式。GridPanel是ExtJS框架中用于展示数据的一种重要组件,它允许用户以表格形式查看、操作和管理大量信息。 首先,我们来看一个简单的GridPanel示例。在...

    Extjs入门教程(treePanel和GridPanel)

    在学习过程中,理解ExtJS的MVC(Model-View-Controller)架构至关重要,因为TreePanel和GridPanel都是View部分,它们的数据源(Model)和控制器(Controller)是实现功能的关键。同时,熟悉JSON格式数据的处理也是...

    ExtJS grid过滤操作

    - **Column Filters**:在列头中显示过滤图标,用户可以直接在列上设置过滤条件。 2. **动态操作** - **创建过滤器**:通过`grid.columns[i].filter`属性为特定列创建过滤器,并设置初始过滤条件。 - **应用过滤...

    Extjs的loading效果

    在本文中,我们将深入探讨如何利用ExtJS和CSS来实现加载时的缓冲效果。 一、ExtJS的Loading效果 ExtJS的loading效果是指当数据正在后台加载或页面正在处理时,显示的一种视觉提示,告知用户系统正在进行工作。这...

    ExtJS4.2源码+实例

    1. **自动生成行号**:ExtJS 提供了表格组件(GridPanel),在4.2版本中,可以通过配置实现行号的自动显示,增强了数据展示的可读性。 2. **Checkbox全选**:在ExtJS的GridPanel中,可以轻松实现复选框的选择功能,...

    ExtJS4.0 分享GridHeaderFilters插件

    GridPanel是ExtJS中的一个核心组件,用于展示和操作表格数据。在GridPanel中,我们经常需要对列进行筛选以方便用户查找和分析数据。"GridHeaderFilters"插件就是这样一个工具,它允许用户直接在列头中设置筛选条件,...

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

    在本文中,我们将深入探讨如何使用ExtJS库中的RowExpander插件来实现在GridPanel中内嵌行内的表格。ExtJS是一个强大的JavaScript框架,它提供了丰富的组件和功能,用于构建复杂的Web应用程序。RowExpander插件是...

    extjs xtype

    快速提示是EXTJS中的一个小弹出窗口,可以在鼠标悬停在特定元素上时显示相关信息,无需用户进行任何交互。 关于`vtype`,这是EXTJS中表单字段验证的一种方式。EXTJS提供了多种预定义的`vtype`验证规则,如`email`...

    ExtJs使用过程中积攒的一些东西

    - 按钮图标:可以通过`iconCls`属性设置按钮前的图标,图标样式需在CSS中定义。例如,`.add`和`.remove`分别对应添加和删除的图标。 - 按钮实例:创建一个按钮,包括`xtype`(类型)、`iconCls`(图标类名)、`id`...

    extjs3多表头

    在ExtJS 3中,多表头(Multi-Header)功能允许用户创建复杂的、多层次的表格列布局,以更好地组织和展示数据。这种功能在数据展示和分析时非常有用,尤其是在处理大量信息时,可以提高用户体验和数据可读性。 多...

    extjs3.0开发包含示例api

    1. **组件(Components)**:EXTJS的核心在于其强大的组件系统,如GridPanel(数据网格)、FormPanel(表单)、TabPanel(选项卡)和Window(弹出窗口)等,这些组件都具有丰富的配置项和事件处理机制。 2. **数据...

    extjs 图书管理系统

    在设计ExtJS图书管理系统时,开发者通常会利用ExtJS的GridPanel组件来展示图书列表,这个组件可以显示多列数据,并支持排序、过滤和分页等功能。表格中的每一行都对应着一本书的信息,如书名、作者、出版社、出版...

    Extjs2分页树 带查询功能

    在传统的表格组件(GridPanel)中,分页通常是通过Store对象和PagingToolbar组件实现的。Store负责从服务器获取数据并管理缓存,而PagingToolbar则提供用户界面,让用户可以翻页。在树形组件中,虽然没有内置的分页...

    Inter(extjs 的案例源代码)源代码

    2. **Grid的添加、更新、删除操作**:数据网格(GridPanel)是ExtJS中的核心组件,常用于显示大量数据。在这个案例中,你将学习到如何动态添加行、更新单元格数据以及删除记录。这些操作通常涉及到数据源(Store)的...

    Extjs中文教程

    - GridPanel是Extjs中用于显示表格数据的组件。 - 支持分页、排序、过滤等多种功能。 - **列模型与数据** - 列模型定义了表格的列结构,包括列名、宽度、对齐方式等。 - 数据通常通过Store加载到表格中。 - **...

    用Extjs做到学生管理系统

    ExtJS 是一个强大的JavaScript库,专门用于构建富客户端应用程序,特别是在Web应用开发中。它提供了丰富的组件库,包括表格、网格、菜单、按钮等,使得开发者可以构建出具有桌面应用般用户体验的网页应用。在“用...

    前台纯ExtJS的OA项目

    【描述】中提到,该OA系统的设计风格仿照了Windows操作系统,这意味着用户界面设计可能包括窗口、任务栏、图标等元素,以提供熟悉的交互体验。后台技术采用了.NET框架,这是一套由微软提供的开发平台,支持多种语言...

Global site tag (gtag.js) - Google Analytics