`
tayuexiaotian
  • 浏览: 24896 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

ExtJS--grid

EXT 
阅读更多
function showUrl(value) {
return "<a href="+value+">"+value+"</a>";
}//增加链接
Ext.onReady(function() {
var data = [[1, 'EasyJWeb', 'EasyJF', 'www.easyjf.com'],
[2, 'jfox', 'huihoo', 'www.huihoo.org'],
[3, 'jdon', 'jdon', 'www.jdon.com'],
[4, 'springside', 'springside', 'www.springside.org.cn']];
var store = new Ext.data.SimpleStore({
data : data,
fields : ["id", "name", "organization", "homepage"]
});
var colM = new Ext.grid.ColumnModel([{
header : "项目名称",
dataIndex : "name",
sortable : true
}, {
header : "开发团队",
dataIndex : "organization",
sortable : true
}, {
header : "网址",
dataIndex : "homepage",
renderer : showUrl
}]);
var grid = new Ext.grid.GridPanel({
renderTo : "hello",
title : "中国Java开源产品及团队",
height : 200,
width : 600,
cm : colM,
store : store,
autoExpandColumn : 2
});
});
分享到:
评论

相关推荐

    ExtJS笔记---Grid实现后台分页

    这篇“ExtJS笔记——Grid实现后台分页”探讨了如何在ExtJS的Grid组件中实现高效的后台分页功能。 后台分页是一种常见的数据处理策略,特别是在大数据量的情况下,它将数据分批加载,避免一次性加载所有记录导致的...

    extjs2.2.1

    再加上可编辑grid,添加新行,删除一或多行,提示多行数据,推拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件...

    ExtJS grid过滤操作

    ExtJS Grid是一个强大的数据展示组件,它允许用户以表格的形式查看和操作大量数据。在实际应用中,数据过滤是常见的需求,以便用户能快速定位到感兴趣的信息。本篇将深入探讨ExtJS Grid的过滤操作,以及如何动态地对...

    Extjs4---grid的修改、删除功能---结合struts2、hibernate

    url: 'user-grid-data.action', // Struts2 action调用 reader: 'json' }, autoLoad: true }); // 定义Grid var grid = Ext.create('Ext.grid.Panel', { store: store, columns: [ {header: 'ID', dataIndex...

    extjs-ux, EXT JS 4的一些插件和扩展.zip

    extjs-ux, EXT JS 4的一些插件和扩展 插件和 EXT JS 4扩展 Ext.ux. aceeditor.Panel 演示( 简单): 链接演示( 流 语法): 链接演示:链接论坛:链接 Ext.ux. grid.feature.Tileview 演示:链接

    extjs--ext-3.2.1

    它提供了一系列预定义的UI组件,如表格(Grid)、树形视图(Tree)、面板(Panel)、窗口(Window)等,开发者可以方便地组合这些组件来构建复杂的用户界面。 2. **数据绑定**:ExtJS的数据绑定机制允许UI组件与...

    ExtJS-3.4.0系列目录

    **ExtJS-3.4.0系列目录** 在ExtJS框架中,3.4.0版本提供了丰富的组件和功能,适合构建复杂的Web应用程序。以下是对标题和描述中提及的几个关键知识点的详细解释: 1. **Ext JS 下载及配置** 在开始使用Ext JS前,...

    extjs-mvc-architecture.pdf

    在ExtJS中,视图由各种组件构成,如Grid、Tree和Panel等,它们专门用于呈现数据和响应用户的操作。视图与模型紧密耦合,但并不处理业务逻辑,而是依赖于控制器进行数据的获取和更新。 **3. Controller(控制器)** ...

    Extjs-crud

    在ExtJS中,这些操作通常与数据网格(grid)组件结合使用,为用户提供直观的数据展示和交互功能。 1. **ExtJS Grid**: - 数据网格是ExtJS中的核心组件,用于展示大量结构化数据,并支持排序、分页、筛选等多种...

    extjs-grid-searching:ExtJS网格工具栏扩展添加了搜索功能

    标题"extjs-grid-searching:ExtJS网格工具栏扩展添加了搜索功能"所指的就是一个特定的扩展,它为ExtJS网格添加了搜索工具栏,提升了用户体验。 这个扩展可能包括以下关键组成部分: 1. **搜索字段**:在网格的工具...

    extjs中设置grid默认行高及换行

    Extjs 中想改变grid 行高,如果只是简单的设置了height的值是可以实现grid 的行高,但是如果使用了插件:rowexpander ,最出现新的问题。 感兴趣的朋友可以试试的。 此文档可以解决你的烦恼,为了找到资源下载,...

    extjs-grid-converter:将 extjs 网格面板转换为其他内容(如 html 表或 ods 文件)的助手

    extjs-grid-converter 将 extjs 网格面板转换为其他内容(如 html 表或 ods 文件)的助手GridToHtmlTable 当您需要打印或以某种方式导出 exjs 应用程序中显示的网格数据时,请使用此转换器。 此转换器还会转换嵌套列...

    extjs-3.1.0

    1. **EXTJS 3.1.0核心组件**: ExtJS 3.1.0包含了丰富的UI组件,如表格(Grid)、面板(Panel)、窗口(Window)、表单(Form)、树形控件(Tree)、菜单(Menu)等。这些组件具有高度可定制性和灵活性,能够满足...

    extjs-grid-row-editing-php-backend

    在这个“extjs-grid-row-editing-php-backend”项目中,我们聚焦于使用ExtJS实现表格行编辑功能,并结合PHP后端进行数据处理。 在ExtJS中,Grid组件是用于展示和操作大量结构化数据的核心组件。Row Editing插件为...

    extjs2----关于extjs 的使用,操作

    4. **数据绑定**:阐述ExtJS的数据模型(Store)和数据显示组件(Grid、Tree)之间的数据绑定机制,包括XML、JSON数据源的加载。 5. **表单元素**:深入探讨表单(Form)的创建,包括各种表单字段(TextField、...

    EXTJS-with-Data-grid:这是一个示例项目

    在本项目"EXTJS-with-Data-grid"中,我们主要关注的是如何利用 EXTJS 的 Data Grid 组件来创建功能丰富的数据展示和管理界面。Data Grid 是 EXTJS 中的核心组件之一,它能够高效地呈现大量数据,并提供了各种操作和...

    ExtJs Grid选择行

    在ExtJs框架中,Grid组件是一种非常常用的展示数据表格的方式,它提供了丰富的功能,包括数据的排序、分页、过滤以及行选择等。在实际应用中,经常需要根据用户交互来判断Grid中的行是否被选中,以便进行下一步的...

    EXTJS grid导出EXCEL文件

    1. **EXTJS Grid组件**:EXTJS Grid是EXTJS的核心组件之一,它允许开发者创建可分页、可排序、可过滤的数据表格。Grid可以与各种数据源(如JSON、XML或内存中的数组)配合使用,并通过Store对象进行数据的加载和管理...

    extjs4.1-ux.rar

    Extjs4.1多个扩展 1、Ext.ux.aceeditor.Panel 2、Ext.ux.grid.feature.Tileview 3、Ext.ux.upload.Button 4、Ext.ux.toggleslide.ToggleSlide 5、Ext.ux.container.ButtonSegment 6、Ext.ux.grid.plugin.RowEditing ...

    extjs grid数据导出excel文件

    在EXTJS中,Grid控件是用于展示大量结构化数据的关键组件,具有丰富的功能和高度可定制性。本文将深入讲解EXTJS Grid如何实现数据导出到Excel文件的功能。 首先,我们要明白EXTJS Grid的数据导出到Excel的过程通常...

Global site tag (gtag.js) - Google Analytics