最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
ExtJS页面之间传递参数实例教程
时间:2013-09-07 编辑:简简单单 来源:一聚教程网
ExtJS如何在不同的页面之间传递参数,对于很多新手来说是一个不小的难题,李坏在刚开始使用ExtJS的时候就是各种不得要领,最开始李坏在需要传参的情况下是使用全局变量来实现的,地球人都知道,全局变量使用泛滥,对于一个稍微大型一点的项目,到最后肯定是各种问题。经过各种摸索与查阅,李坏发现使用Ext.create方法可以完美解决这个问题,这里给出一个简单的案例抛砖引玉,给大家提供一种思路。
案例说明:
1.建立一个树形菜单(treepanel)
2.在树形菜单节点(例如:节点a)上点击右键,弹出右键菜单
3.点击右键菜单上的按钮时,获取a节点上的节点信息
treepanel和右键菜单menu作为两个不同的视图(页面),通过以上三个步骤即可将treepanel上的节点信息,传递到menu上,下面给出具体实现代码。
代码如下 | 复制代码 |
Ext.define('Demo.view.Viewport',{ |
menu视图:
代码如下 | 复制代码 |
Ext.define('Demo.view.Menu',{ |
控制器(controller):
代码如下 | 复制代码 |
Ext.define('Demo.controller.DemoController', { init: function(){ ShowContextMenu:function(view, rec, item, index, e){ |
dd
效果图:
1.树形菜单图示
2.右键菜单图示
3.点击添加按钮后的图示
如图所示,当我们点击添加按钮后,能够成功获取treepanel上的节点信息。
传参详解:
使用Ext.create方法实现传参的关键点,在于当我们用create方法对menu视图进行实例化的时候,将所需要传递的参数作为一个属性(我们这里是rec),传递给menu实例,这样我们就可以在menu中获取到所需要的参数了。当然对于其他的视图之间的参数传递也可以通过这样的方法来实现。
上面的方法只是李坏在ExtJS的应用中自己常用到的一种传参方式,如果有更好的实现方法,还望各位大神不吝赐教!
-
上一个: ExtJS 如何验证上传文件类型
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31