如何將Sencha Touch 2.0整合到現有網頁中？

Question

基本上，我想將一個HTML5/CSS3網頁與Sencha Touch框架結合起來（利用它的超棒模型/商店/ AJAX功能）。

這樣做的最好方法是什麼？目前我正在考慮在Sencha中創建頂級容器，並將該頁面的HTML作爲模板插入。然而，我將需要一些DataView對象，我不知道如何將它們放置在頁面中，除非整個設計是使用Sencha對象完成的。

Answer 1

好吧，你已經知道了這一點，你只需要讓你的腳溼潤。 ST將允許您在任何組件中嵌入任何現有的HTML或CSS。這將讓您開始利用ST的非可視化工具，如商店和模型。

儘管您想開始包括其他ST可視組件，但您可能會卡住。 ST組件與其佈局系統有着內在的聯繫。這意味着如果你想放入列表或其他數據視圖，它們的大小，對齊方式等都與他們父母的佈局和其他屬性有關。如果他們只是自由格式的HTML，他們可能看起來不正確。

我的建議是，你咬住子彈，重新在ST的整個網站。請記住，您仍然可以在您的新移動網站的ST面板和容器內重複使用大量現有HTML片段。但重要的是，ST現在形成了您的移動網站的'外殼'，並確保您使用的任何ST組件都將被正確格式化。