Sencha Touch 歷史支援

2021-09-22 13:24:19 字數 1707 閱讀 1328

上述功能綜述之,就是為了更好地與原生程式相貼近,務求達到無差別的使用者體驗——這一點,尤其體現在能夠提供「返回鍵」的 android 機器上面。

設定路由器 setting up routes

為你的應用安排的歷史記錄可以說一點都不困難,主要集中在如何理解的路由器(routes)的概念之上。路由器,簡言之,用於定義某一 url 與使用者控制器動作之間的對映關係——所謂對映關係,只要在瀏覽器的位址列中輸入乙個位址,對應的控制器便會自動執行某組邏輯動作。咱們看看乙個簡單的控制器:

config:

},showproduct: function(id)

});路由器合法的格式多種多樣,構成了不同引數的對映關係,例如:

config:

},showproduct: function(id) ,

showproductinformat: function(id, format)

});第乙個路由很簡單,前面已經說了說;第二個路由接納 #products/123/pdf 這樣的輸入,轉到 showproductinformat 函式,便在在控制台中記錄了 showing product 123 in pdf format 這樣的輸出。另外,id、format 也是按照路由定義中的順序送入函式中。

當然了,實際中你寫的並不像我們這裡教學例子的那麼簡單。大家想該怎麼做了嗎?就是在控制器中寫你的業務邏輯,獲取資料啊、更新ui啊的任務……

路由器支援通貝符(wildcards)。預設下,通貝符表示不分字元或數字。假設「products/:id/edit」可以接納「#products/123/edit」但不接納「#products/a ,fd.sd/edit」,因為後者包含的空格、逗號、句號均不在通貝符涵蓋的型別之列。

不過有時我們想自定義複雜一些的規制,——這沒問題,我們分配乙個配置項物件給 routes 物件而不是字串,好比如下:

config: }}

},//opens a new window to show the file

showfile: function(filename)

});復原狀態 restoring state

config: ,

routes:

},/**

* products/:id 路由器的終點。獲取乙個貨物的詳細資訊然後 push 的新檢視。endpoint for 'products/:id' routes. adds a product details view (xtype = productview)**/

showproduct: function(id) );

success: function(product) ,

failure: function()

});}

});無論你有多少套裝置描述 device profiles,但一般來說你都會只使用路由結構,也就是說,你在 iphone 上看到一頁面,發覺不錯,然後想共享該 url 給別人的話,那麼直接把 url 複製給別人即可,無須擔心人家的是否手機抑或平板。因此,建議分別在手機子類上寫一套路由的配置,然後在平板子類上寫一套路由的配置:

config:

}});

手機版的顯示方式有所不同,於是,我們寫出 showproduct 函式的手機版實現:

showproduct: function(id)

});平板電腦的話,在其子類中寫出特定的實現:

showproduct: function(id)

});

Sencha Touch 入門指導

b sencha touch 入門指導 b 1.介紹sencha touch 是乙個js框架.用於建立在基於觸控裝置的web應用.它使用html,css來提供和本地應用一樣效果的體驗,而不需要外掛程式.2.使用sencha touch url 建立html index.html 引入css ext ...

oracle 支援命令歷史和退格鍵

在linux下使用oracle的sqlplus命令時,每次都需要重新輸入命令很是煩惱,就連輸錯字,backspace鍵也不能用,只能delete 很是不習慣 現在有乙個工具可以實現linux下的歷史命令功能 rlwrap 安裝解壓縮 tar zxvf rlwrap 0.36.tar.gz confi...

Sencha Touch元件選擇器

在開發的過程中,經常會碰到需要呼叫已建立的元件的情況。一般情況下,可以用ext.getcmp 方法達到這一目的。這個方法是ext.componentmanager的get方法的快捷方式,呼叫ext.getcmp 方法實際就是間接呼叫了ext.componentmanager.get 方法。ad ge...