EXTJS 不同页面之间的传值问题(数据不经过后台,通过页面取得)


EXTJS 是一个强大的JavaScript前端框架,用于构建交互式的Web应用程序。在EXTJS中,不同页面间的通信是一个常见的需求,特别是当需要在不经过服务器的情况下传递数据时。这篇博客"EXTJS 不同页面之间的传值问题(数据不经过后台,通过页面取得)"探讨的就是如何在EXTJS应用的不同视图间传递数据,而无需通过后端接口。 我们可以使用EXTJS的全局变量来实现简单的数据共享。全局变量可以在整个应用程序范围内访问,因此在不同页面之间传递数据非常方便。例如,可以在一个页面中设置全局变量: ```javascript Ext.application({ name: 'MyApp', launch: function() { window.globalData = {}; // 创建全局对象 } }); ``` 然后,在另一个页面中可以读取或修改这个全局变量: ```javascript console.log(window.globalData); // 访问全局数据 window.globalData.value = '新值'; // 修改全局数据 ``` 然而,全局变量可能导致命名冲突,且不利于数据管理。更推荐的方法是利用EXTJS的事件系统。EXTJS组件之间可以通过事件进行通信,发布和订阅模式使得数据传递更加有序和可控。例如,一个页面可以发布一个事件并携带数据: ```javascript Ext.application({ name: 'MyApp', events: { 'dataTransfer': function(data) { /* 在这里处理接收到的数据 */ } }, launch: function() { this.getEventBus().fireEvent('dataTransfer', { key: 'value' }); } }); ``` 另一个页面则可以订阅这个事件并接收数据: ```javascript Ext.application({ name: 'MyApp', launch: function() { this.getEventBus().on('dataTransfer', function(data) { console.log(data); // 打印传递的数据 }); } }); ``` 此外,EXTJS的`Ext.state.Manager`也可以用来存储状态信息,虽然它通常用于保存用户界面的状态,但在一定场景下也可以用作页面间的数据传递。不过,这种方法并不适合传递大量数据。 从提供的文件名`cxgl.js`和`temp.js`来看,它们可能包含了EXTJS的组件定义或者特定功能的实现。例如,`cxgl.js`可能与查询管理相关,而`temp.js`可能是临时存储或处理数据的脚本。在这些文件中,我们可能找到如何在实际项目中处理页面间数据传递的具体代码。 EXTJS提供多种方式实现不同页面间的数据通信,包括全局变量、事件系统以及状态管理。开发者可以根据项目的具体需求选择合适的方法,同时注意避免引入不必要的复杂性和潜在问题。在实际开发中,应确保数据的安全性和应用的可维护性。























- 1


- 粉丝: 388
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


最新资源
- 软件实施实习报告.docx
- 中职生网络安全知识主题班会.docx
- 2023年3月全国计算机考试三级网络技术笔试试题及答案.doc
- 网络工程与应用复习资料要点.doc
- 项目管理模式(20211102054544)[最终版].pdf
- 汉堡王-互联网推广方案(PPT45页)(PPT).ppt
- 中国网络电视台区域博览频道广告刊例.pptx
- 实验楼综合布线设计方案自己看啊.doc
- 经济普查数据库优化方案.doc
- 项目管理-常用缩写(最新版).pdf
- hikyuu-Python资源
- 微机原理与接口技术牟琦主编习题答案.doc
- 电子商务实践心得体会.docx
- 系统集成工程管理规范样本.doc
- excel2010基本操作总结.docx
- 数字通信原理3-PCM(例题).ppt


