Ext Js------地址欄傳參小計

今天最主要的就是實現了經過在地址欄動態傳入參數
加載相應的controller,下面就記錄下這個過程,以
免之後大腦跟不上節奏忘記了html

作Ext Js也有一段時間了,裏面的一些邏輯關係我還
是迷迷糊糊,也趁今天梳理梳理,就舉個簡單的例子app

例如:有一個html頁面叫作a.html,那麼在運行這個頁
面的時候,咱們要加載它對應的a.js,這裏就是整個js
的入口了,在a.js中咱們能夠定義以後須要用到的基本
方法htm

在地址欄動態傳參的實現中就有很重要的方法 咱們一
般把它定義爲QueryString,在這裏,用location.href
獲取到地址欄裏的所有路徑,它應該是這個格式
http://localhost:8090/.../a.html?Id=1
再經過"?" "="等特殊字符進行字符串的切割,截取到
咱們須要判斷的值 即Id=1字符串

這樣一來獲取參數的方法就有了,後面就能夠直接調用
var query = new QueryString();
var id = query["Id"];it

這裏的id就是用戶在地址欄輸入的id值
拿到了值,要怎麼處置就看具體的需求了io

那麼這個方法應該在何時調用呢,剛纔說到了,我
們有一個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渲染

相關文章
相關標籤/搜索