Sencha Touch：这个框架如何工作？

Question

我正在尝试用Sencha Touch建立任何有价值的东西。 文档似乎描述了所有内容，而不是将所有内容捆绑在一起。

我的一个关键抱怨是我不明白如何将任何内容加载到浏览器中。如果我只是在此方法中的index.js中定义一个Ext.List：

Ext.setup({
    onReady: function() {

    }
})

然后由于某种原因将Ext.List加载到浏览器中。 如果我在该方法中定义多个对象，它如何知道将哪个放入浏览器？ 此外，当我扩展Ext.List并将其放在上面的方法中时，没有任何反应。 这是怎么回事？

更好的是，在哪里可以找到解释该框架如何工作的好文档？ 我对Sencha Touch网站上的所有内容都进行了仔细研究，包括教程，所有内容都非常不完整。

Answer 1

起初看起来确实令人困惑。 重要的是要理解Sencha Touch与jQTouch或jQuery Mobile的区别在于你以完全编程的方式创建界面，os没有定义HTML文件中的UI或类似的东西。 该框架在经典小部件集的传统中更多地编写，例如QT 。 这种风格不是传统的Web开发人员习惯的，但我实际上说文档非常完整。 它不是用Web开发人员熟悉的风格编写的。

这是它的工作原理：一个组件需要具有fullscreen: true属性fullscreen: true设置在其上。 此组件成为根，并使用.add()方法将所有其他可见UI组件添加到此组件。 但是这些都在Javascript中定义 。 这是最重要的事情要记住。

您可能已经找到它，但主文档存储库是API文档（ 此处 ）。 如果你要去任何地方，你将不得不习惯从这里读取相当多的东西。 这里的重要事实是UI中的所有内容都继承自Component类，而Panel可能是

当我开始使用时，我发现这个页面更适合启动。 我特别推荐Drew Neil在面板上的优秀屏幕演员。

我认为这与Sencha Touch仍然是一个年轻的库这一事实有很大关系，并且它的根源在于高度编程和以OO为中心的Ext.js框架。 在尝试使用Sencha Touch时，花一些时间真正学习Ext.js的基础可能会有很长的帮助（提示： Observable是最重要的类）。

很抱歉，你说文件不是很友好。 但是，当涉及到移动界面时，你从Sencha Touch获得的用户界面仍然会让竞争对手失去竞争力，所以我想如果你真的想要最流畅的移动用户界面，它仍然是值得的。

Answer 2

我建议你查看会议视频http://www.sencha.com/conference/videos特别是“构建你的Sencha Touch应用程序”，我按照视频中解释的MVC模式从头开始重新启动应用程序，两天后我得到了我以前的地方加上大量固定的错误但最重要的是现在我真的明白我在做什么以及为什么在使用这个标准模式之前让事情变得如此困难。

Answer 3

我发现学习sencha touch的最佳地点之一是关于构建一个简单的SenchaTouch1.0应用程序的这个4部分系列： - http://miamicoder.com/2011/writing-a-sencha-touch-application-part-1/跟进MVC示例： http ：//miamicoder.com/2011/writing-a-sencha-touch-mvc-application/完成上述教程后，您可以轻松自如地接触SenchaTouch自己的文档，教程和截屏视频。