如何将Sencha Touch 2.0整合到现有网页中?

时间:2012-07-16 23:18:30

标签: javascript html5 css3 sencha-touch sencha-touch-2

基本上,我想将HTML5 / CSS3网页与Sencha Touch框架结合起来(以利用它的真棒模型/商店/ AJAX功能)。

这样做的最佳方法是什么?目前,我正在考虑在Sencha中创建顶级容器,并将该页面的HTML作为模板插入。但是,我需要一些DataView对象,我不确定如何将它们放在页面中,除非整个设计是使用Sencha对象完成的。

1 个答案:

答案 0 :(得分:0)

嗯,你已经弄明白了,你现在只需要弄湿你的脚了。 ST将允许您在任何组件中嵌入任何现有的HTML或CSS。这将让您开始利用ST的非可视化工具,如商店和模型。

您想要开始包括其他ST视觉组件的那一刻,您可能会陷入困境。 ST组件本质上与其布局系统相关联。这意味着如果您想要放入列表或其他数据视图,它们的大小,对齐等都与其父级的布局和其他属性相关联。如果它们只是放在自由格式的HTML中,它们可能看起来不正确。

我的建议是,你咬紧牙关,重新在ST完成整个网站。请记住,您仍然可以在新移动网站的ST面板和容器中重复使用大量现有HTML片段。但重要的是,ST现在形成了移动网站的“外壳”,这可以确保您使用的任何ST组件都能正确格式化。