码迷,mamicode.com
首页 > Web开发 > 详细

Ext Js------地址栏传参小计

时间:2015-03-12 16:39:03      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:

今天最主要的就是实现了通过在地址栏动态传入参数
加载相应的controller,下面就记录下这个过程,以
免以后大脑跟不上节奏忘记了

做Ext Js也有一段时间了,里面的一些逻辑关系我还
是迷迷糊糊,也趁今天梳理梳理,就举个简单的例子

例如:有一个html页面叫做a.html,那么在运行这个页
面的时候,我们要加载它对应的a.js,这里就是整个js
的入口了,在a.js中我们可以定义之后需要用到的基本
方法

在地址栏动态传参的实现中就有很重要的方法 我们一
般把它定义为QueryString,在这里,用location.href
获取到地址栏里的全部路径,它应该是这个格式
http://localhost:8090/.../a.html?Id=1
再通过"?" "="等特殊字符进行字符串的切割,截取到
我们需要判断的值 即Id=1

这样一来获取参数的方法就有了,后面就可以直接调用
var query = new QueryString();
var id = query["Id"];

这里的id就是用户在地址栏输入的id值
拿到了值,要怎么处置就看具体的需求了

那么这个方法应该在什么时候调用呢,刚才说到了,我
们有一个a.js,它是我们所有JS代码的入口,所以我们
要在a.js的application当中,指定首先要执行的
controller 和要渲染的界面,然后在这个controller中
调用QueryString方法
var query = new QueryString();
var id = query["Id"];
switch (id ) {
case ‘1‘:
......
break;
case ‘2‘:
......
break;
case ‘3‘:
......
break;
}
后面的事情就可以继续下去了,内容不多,也很简单,
,记录在这里,主要是怕自己忘记,复述出来也会记得
更牢固,路漫漫其修远兮,吾将上下左右东西南北而求
索~~~~Over

Ext Js------地址栏传参小计

标签:

原文地址:http://www.cnblogs.com/zhang-xiao-fan/p/4332689.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!