perpel的博客

Sencha Touch面板创建

Fit布局 Ext.layout.FitLayout类实现Fit布局 当容器中只有一个子组件时，通过使用Fit布局来将子组件的尺寸自动扩展为父组件的尺寸，使其充满整个父容器组件内部。 var panel = Ext.create('Ext.Panel', { id: 'myFit', layout: 'fit', items: { style:

Viewport 组件 Sencha Toucha 2.0中的Viewport组件是一个类似于面板容器的组件，在HTML代码中，该组件同样以div元素的形式显示在页面中。它与面板组件的区别为，在调用应用程序的launch函数之前，该组件已被自动创建，且fullscreen配置选项的选项值默认为true。 launch: function() { var panel = Ext.creat

sencha touch 之所以能够非常好地完成工作，是因为它可以实现对DOM的访问，并且提供了对DOM进行控制的方法。 get方法的使用launch: function(){ var panel = Ext.create('Ext.Panel', { id: 'myPanel', html: '一个简单的示例面板' }); Ext.Viewp

盒布局Ext.layout.AbstractBoxLayout类实现盒布局 不能使用AbstractBoxLayout实现盒布局，必须使用继承了BoxLayout类的两个子类：HBoxLayout类与VBoxLayout类来实现水平盒布局与垂直盒布局 1、水平盒布局使用launch: function(){ var panel = Ext.create('Ext.Panel', {

组件的停靠 var panel = Ext.create('Ext.Panel', { layout: 'hbox', items: [ { docked: 'bottom', height: 20,