`
1sun1
  • 浏览: 21249 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

Extjs Grid简阅一

    博客分类：
  • Ext
XMLEXTHTML 
阅读更多

参考对象extjs3.0 example
Grid基本上都是上来先new一个GridPanel（不是代码的上面哦），GridPanel里面主要包含Store, Columns其他一些属性，其中store主要是这个Grid的数据，Columns则是这个Grid的列（主要有id,header,width,sortable,dataIndex etc）。
不同的Store造就了不同的Grid


1. array-grid
example是这样实现的将数据放在myData中，然后new一个ArrayStore，ArrayStore的fields属性说明了取数据的格式，通过调用store.loadData(myData);即可将数据放入grid了


2. xml-grid
将数据放在xml文件中，由于他是遵循一个格式的所以有利于存储数据，同样的new GridPanel，设置Columns，在store里使用url指向存放数据的xml文件，然后通过reader及new XmlReader调用xml中的数据，具体参照XmlReader的API


3. binding
在点击一行时，底下列出这一行的详细信息，同样的new GridPanel，设置Columns，store用xml的方式取得数据,底下的信息可以通过Template来拼接HTML标签来实现，具体参见binding.js


4. buffer
分页形式调用指定域名的数据，同样的new GridPanel，设置Columns，store用proxy属性new ScriptTagProxy指定url，用reader指定获取数据格式，其中底下的分页用bbar实现


5. ColumnHeaderGroup
以分组的形式展示数据，Ext.ux.grid.ColumnHeaderGroup

 

1
顶
0
踩
分享到：
| ExtJs3.0 layout篇
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    ExtJS grid过滤操作

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

    EXTJS grid导出EXCEL文件

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

    ExtJs Grid选择行

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

    extjs grid示例代码

    ExtJS Grid是Sencha ExtJS框架中的一个核心组件，它用于构建数据驱动的表格视图。Grid组件在Web应用中广泛使用，因为它提供了强大的数据展示、排序、分页、筛选和编辑功能。以下是对`ExtJS Grid`示例代码的详细解析...

    extjs grid数据导出excel文件

    1. **获取Grid数据**：在EXTJS中，Grid的数据存储在Store对象中。要导出数据，我们需要先从Store中获取所有的记录。这可以通过调用`store.getData()`方法来完成，返回的是一个包含所有记录的数据对象。 2. **构建...

    extjs grid

    EXTJS Grid是EXTJS库中的一个核心组件，用于创建数据密集型的表格视图，它在Web应用程序中常用于展示和操作大量结构化数据。EXTJS Grid提供了丰富的功能，包括分页、排序、过滤、编辑等，使得用户可以高效地管理和...

    Extjs grid分页1

    ExtJS Grid 分页是Web应用中数据展示的重要组成部分，它允许用户高效地浏览大量数据而无需一次性加载所有记录。在本文中，我们将深入探讨ExtJS Grid的分页功能及其实现方式。 首先，ExtJS Grid是一种强大的...

    ExtJs grid多选时获取选中的所有值

    1. **创建Store**：首先，我们需要创建一个Store来存储Grid的数据。在这个例子中，我们使用了HTTP Proxy和JsonReader来从服务器获取数据。 ```javascript var storeFatList = new Ext.data.Store({ proxy: new ...

    Extjs grid 中文排序问题修正

    EXTJS Grid的排序功能是基于其内部的Store对象实现的，Store中的每条记录都有一个对应的sortField和sortDir属性，用于记录当前的排序字段和排序方向。当你点击列头进行排序时，Grid会调用Store的sort方法，根据指定...

    EXTJS Grid总结例子

    EXTJS Grid是一款强大的数据展示组件，广泛应用于Web应用开发中，尤其在数据密集型界面设计时，EXTJS Grid以其高效的数据加载、灵活的分页、排序、过滤和自定义功能而受到开发者青睐。本总结例子将深入探讨EXTJS ...

    extjs grid 多表头插件

    ExtJS Grid是一款强大的数据展示组件，常用于构建复杂的Web应用程序中的数据网格。多表头插件是ExtJS Grid的一个重要特性，它允许我们创建具有多层次、复杂结构的表头，以便更好地组织和呈现数据。在ExtJS Grid中，...

    Extjs Grid 扩展实例

    ExtJS Grid是一个强大的数据展示组件，它在Web应用程序中用于显示和操作大量数据。Grid提供了丰富的功能，包括分页、排序、过滤、编辑等，是ExtJS库中的核心组件之一。"Extjs Grid 扩展实例"是一个演示如何增强Grid...

    Extjs4.2 Grid filter Demo 表格过滤实验

    这是利用sencha cmd 生成的GridFilterDemo工程中的app和build文件夹，其余文件过大并且与主题无关,因此未包含。具体方法，请参看我的博客: 《Extjs4.2 Grid Filter Feature 表格过滤特性》

    extjs gridToExcel

    这是一个简单的在extjs下的grid转化到Excel，里面代码简单易懂，在包里面还集成了复杂的js转化函数，不过本人没有用它来进行转化！ 注：在用EXTJS的导出Excel技术中，一定要注意分页的问题

    Extjs grid分页多选记忆功能

    很多同事在用extjs grid做分页的时候，往往会想用grid的多选功能来实现导出Excel之类的功能（也就是所谓的多选记忆功能），但在选选择下一页的时候 上一页选中的已经清除 这是因为做分页的时候又向服务器请求了分页...

    Extjs Grid 操作大全

    #### 一、Extjs Grid简介 Extjs 是一个用JavaScript编写的开源前端框架，用于构建交互式的Web应用程序。它提供了一组丰富的UI组件，包括Grid组件，使得开发者能够轻松地创建出功能强大的数据展示表格。 #### 二、...

    ExtJS_grid.rar_Grid javascript_extjs grid

    1. **ExtJS Grid基本概念**： - **Grid Panel**：是ExtJS中的一个核心组件，用于显示二维数据，可以进行排序、筛选、分页等操作。 - **Store**：存储Grid的数据，可以是从服务器获取的JSON、XML或Array格式的数据...

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

    在ExtJS中，Grid组件通过与服务器端交互来实现这一功能。 首先，我们需要理解ExtJS Grid的基本结构。Grid由Store（数据存储）、Columns（列定义）和View（视图）三部分组成。Store负责管理数据，Columns定义显示的...

    Extjs Grid 中的 ToolTip效果

    在EXTJS中，Grid组件是数据展示的核心，它允许用户以表格形式查看和操作大量数据。在实际应用中，为了提供更好的用户体验，我们经常需要在鼠标悬停在某个单元格或列头时显示额外的信息，这就是ToolTip的效果。EXTJS ...

    Extjs4 grid使用例子

    Grid组件是ExtJS中的核心部分，它提供了一个灵活的、可定制的数据展示网格，通常用于显示和操作大量数据。 1. **MVC架构**： Model-View-Controller（MVC）是一种设计模式，常用于大型应用的组织和管理。在ExtJS4...

Magicbox
Global site tag (gtag.js) - Google Analytics