`
darrenzhu
  • 浏览: 804305 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

ExtJS如何更新tree或grid的store

阅读更多
ExtJS并没有提供setStore()方法,但提供了reconfigure()方法,该方法继承自Ext.panel.Table,reconfigure方法API描述如下:
reconfigure( [Ext.data.Store store], [Object[] columns] )
Reconfigures the table with a new store/columns. Either the store or the columns can be ommitted if you don't wish to change them.

Parameters
store : Ext.data.Store (optional)
The new store.
columns : Object[] (optional)
An array of column configs

当然如果你能获取到组件的view,那么你也可以通过调用view的bindStore方法来改变store,
bindStore( Ext.data.Store store )
Changes the data store bound to this view and refreshes it.

但推荐使用reconfigure方法而不是bindStore, 原因:
reconfigure does a lot more than re-binding a store. If one has two stores of identical structure but merely wants to change the backing store for a grid, they need to get the store's Ext.grid.View by calling getView and call the bindStore method with the new store.
 
I would advise against that because it goes against the api and you might see some weird errors. I can see a potential problem arising when grid.getStore() != grid.getView().store I haven't run through the use case but grid.store.load() would not trigger a view refresh. reconfigure is designed to allow the grid to change stores and there isn't much overhead.

参考文档:http://stackoverflow.com/questions/5884136/extjs-4-change-grid-store-on-the-fly
分享到:
评论

相关推荐

    Extjs复习笔记(二十)-- tree和grid结合

    4. 自定义UX组件:可能需要自定义EXTJS的扩展(Extension或UX组件),以便在Tree节点和Grid之间建立关联,并处理数据的传递和渲染。 5. 数据同步:确保当在Grid中进行操作(如编辑、添加、删除)时,这些变化能同步...

    Extjs tree and Grid(Buffer Grid,Progress Grid)

    - Grid可以与各种数据源结合,如Store对象,用于管理数据的加载、更新和存储。 3. **Buffer Grid** - 缓冲网格(Buffer Grid)是ExtJS中的优化策略,用于处理大量数据。它只在可视区域加载数据,减少了内存占用和...

    extjs学习案例, 例子有 panel ,widow,tree,grid,form, store……

    Store负责加载、更新和管理数据,与Grid、Tree等组件配合使用,提供数据绑定功能。 DataView是一种灵活的数据展示方式,它可以以列表、图像或其他自定义模板的形式展示数据。DataView常用于创建滑动图片展示、列表...

    ExtJS_grid.rar_Grid javascript_extjs grid

    - **Tree Store**:与普通的Grid Store类似,但处理的是树形数据结构。 - **Expanding and Collapsing**:节点可以展开或折叠,显示或隐藏子节点。 - **Tree Column**:特有列类型,用于显示和操作树形结构的节点...

    extjs4 treeGrid实例

    在ExtJS4中,TreeGrid主要由`Ext.tree.Panel`类定义,它扩展了`Ext.grid.Panel`,因此具备了表格的所有功能,同时也包含了树结构的特性。 创建一个TreeGrid的第一步是定义模型(Model)。模型定义了数据的字段及其...

    ExtJS4官方指南翻译:DragandDrop拖放/Grid组件/Tree组件/容器与布局

    在"ExtJS4官方指南翻译:DragandDrop拖放/Grid组件/Tree组件/容器与布局"中,我们将会探讨以下几个核心概念: 1. **Drag and Drop(拖放)**: ExtJS4提供了完善的拖放支持,允许用户通过鼠标操作在界面上移动元素...

    extjs tree 学习资料

    ExtJS Tree 是一个功能强大的JavaScript组件,用于在Web应用程序中创建和展示层次结构的数据,它在ExtJS框架中扮演着重要角色。这个压缩包“extjs tree 学习资料”显然是为那些希望深入理解并掌握ExtJS Tree组件的...

    实现extjs4 的树、grid、form、query等大部分组件的功能

    EXTJS4的grid和tree都支持内置的查询功能,可以通过配置过滤器实现对数据的快速查找。同时,EXTJS的Store组件也提供了高级查询API,可以编写复杂的查询逻辑。 在实际应用中,EXTJS4的这些组件往往需要配合使用。...

    extjs4 入门基础,form、grid、tree

    它提供了一整套组件化的用户界面元素,包括表单(Form)、网格(Grid)、树形视图(Tree)等,使得开发者能够创建出功能丰富且交互性强的前端应用。在深入探讨ExtJS 4的基础知识之前,首先确保你已经下载了ExtJS ...

    extjs表格Grid比较全面的功能

    Store是Grid的数据仓库,它可以连接到各种数据源,如JSON、XML或远程API。Store负责加载、刷新、排序和过滤数据。开发者可以通过监听Store事件来响应数据变化。 3. **列配置(Column Configuration)** Grid的列...

    EXTJS4.0视频教程配套代码

    第二十讲:extjs4.0的高级组件tree+grid整合案例补充 第二十一讲:extjs4.0的高级组件form上 第二十二讲:extjs4.0的高级组件form中 第二十三讲:extjs4.0的高级组件form下 第二十四讲:extjs4.0的高级组件form...

    Extjs教程源码

    第十八讲: EXTJS4.0的高级组件Tree+Grid整合案例上 第十九讲: EXTJS4.0的高级组件Tree+Grid整合案例下 第二十讲: EXTJS4.0的高级组件Tree+Grid整合案例补充 第二十一讲: EXTJS4.0的高级组件Form上 第二十二讲: EXTJS...

    extJs3升级extjs4方案

    ExtJS4 已完全重新写 grid 组件,tree 也被更新,所以从版本 3 到 4 大部分的属性改变了。 在 ExtJS4 中,API 也发生了很大的变化,包括 tree、tab panel、grid、window、form、chart、data stores、border layout ...

    extjs tree

    - ExtJS Tree支持拖放操作,可以将节点在树之间或内部进行移动,实现动态调整树结构。 6. **源码分析** - 通过阅读源码,可以深入理解TreePanel的工作原理,包括节点渲染、数据绑定、事件处理等方面的实现细节。 ...

    Ext中拖拽Tree2Grid , 清空表格拖拽失效的解决办法>.<

    首先,EXTJS的Tree组件和Grid组件提供了内置的拖放(Drag and Drop,简称D&D)支持。Tree组件通常用于展示层级结构的数据,而Grid组件则常用于展示表格数据。将Tree中的节点拖放到Grid中,可以实现数据的转移或关联...

    ext实例 左边是 tree 右边是grid 双击grid弹出form修改

    ExtJS 是一个强大的JavaScript前端框架,它提供了丰富的用户界面组件,包括树形控件(tree)、表格(grid)和表单(form)。本实例“ext实例 左边是 tree 右边是grid 双击grid弹出form修改”是针对初学者的一个宝贵...

    Extjs4的TreeGrid例子

    7. **Grid和Styles**:`Grid`目录可能包含与数据网格相关的代码,而`Styles`可能包含了CSS样式文件,用于定制TreeGrid的外观。 8. **Doc**:`Doc`目录通常包含API文档或者开发者指南,这对于理解ExtJS 4 TreeGrid的...

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    动态加载本地数据到`Ext.Panel`通常涉及到异步请求,使用`Ajax`或`Store`的`load`方法,通过URL获取JSON或XML格式的数据,并将其渲染到面板内。 例如: ```javascript var panel = Ext.create('Ext.Panel', { ...

    EXT组件初学者教程 grid+tree+window+描述文档

    - 在EXTJS应用中,通常使用Ajax请求与SSM后端交互,获取或更新数据。 - 在本教程中,可能涉及到EXTJS与SSM的接口设计,包括JSON数据格式化和RESTful API的使用。 5. **代码解释和属性文档**: - 文件"EXT组件...

Global site tag (gtag.js) - Google Analytics