繼續我們的征途......
chapter 1:建立view
ext.define('
st.view.query
', },
fullscreen:
true
, id:
"queryform",
items: [,,
,items: [,
] },
, ,]
}] }
});
chapter 2:建立controller
要知道在控制器中有三個流程，取到頁面元件,頁面元件觸發事件,事件執行邏輯函式.
refs 取到元件:例:queryform: "#queryform",通過id取整個view,
btnquery: "#queryform button[itemid=btnquery]",取view中id為btnquery的button
view被賦值給queryform，button被賦值給btnquery（button為頁面的查詢按鈕）等
備註:在函式中,通過ext.getcmp(id)來取到元件進行操作.
control 觸發事件呼叫函式:例:btnquery觸發tap事件而呼叫onbtnquerytap這個函式
queryform觸發initialize事件（initialize為頁面載入事件,只有頁面載入觸發,其他動作皆觸發tap）.
onbtnquerytap和fnquery皆為邏輯函式,不用深究,按需向其中加入邏輯**,如js前台驗證,後台資料驗證等,成功後最終呼叫跳轉頁面函式,跳轉另乙個view.邏輯**都不難,主要是了解js的mvc如何工作的,
最後執行**,看成果！！！
ext.define('st.controller.query', ,
control: ,
btnquery: }},
oninitialize:
function
() ,
//獲取頁面引數函式
onbtnquerytap: function
() ,
//引數驗證函式
fnquery: function
this.setcard("querylist", "st.view.querylist");
},//跳轉頁面函式------id為頁面id（getcmp()可以通過id找到頁面）-----createcard為view建立位址
setcard: function
(id, createcard)
else
ext.viewport.animateactiveitem(card, );
}});
頁面展示:
請期待下文......
Sencha Touch 入門指導
b sencha touch 入門指導 b 1.介紹sencha touch 是乙個js框架.用於建立在基於觸控裝置的web應用.它使用html,css來提供和本地應用一樣效果的體驗,而不需要外掛程式.2.使用sencha touch url 建立html index.html 引入css ext ...
Sencha Touch 歷史支援
上述功能綜述之，就是為了更好地與原生程式相貼近，務求達到無差別的使用者體驗 這一點，尤其體現在能夠提供 返回鍵 的 android 機器上面。設定路由器 setting up routes 為你的應用安排的歷史記錄可以說一點都不困難，主要集中在如何理解的路由器 routes 的概念之上。路由器，簡言...
Sencha Touch元件選擇器
在開發的過程中，經常會碰到需要呼叫已建立的元件的情況。一般情況下，可以用ext.getcmp 方法達到這一目的。這個方法是ext.componentmanager的get方法的快捷方式，呼叫ext.getcmp 方法實際就是間接呼叫了ext.componentmanager.get 方法。ad ge...