02 2014 档案
摘要：此扩展基于官方selectfield控件修改而来，变动并不大，使用方法类似。代码如下： 1 Ext.define('ux.SelectBtn', { 2 extend: 'Ext.Button', 3 xtype: 'selectBtn', 4 alternateClassName: 'selectBtn', 5 requires: [ 6 'Ext.Panel', 7 'Ext.picker.Picker', 8 'Ext.data.Store', 9 'Ext.data.
阅读全文
摘要：NavigationView 是官方根据Container控件扩展而来的，由一个导航栏和一个card组成，具备导航和返回时自动销毁当前界面的功能，非常适合新手使用。其中导航栏的代码如下： 1 Ext.define('Ext.navigation.Bar', { 2 extend: 'Ext.TitleBar', 3 requires: ['Ext.Button', 'Ext.Spacer'], 4 isToolbar: true, 5 config: { 6 baseCls: Ext.baseCSSPrefix + 'to
阅读全文
摘要：Container控件是我们在实际开发中最常用的控件，大部分视图控件都是继承于Container控件，了解此控件能帮我们更好的了解sencha touch。layout是一个很重要的属性，能够帮助你进行布局。layout的基本用法可见：http://www.cnblogs.com/html5mob/archive/2012/07/10/2583248.html了解了基本用法之后，我们可以用此实现复杂的布局，比如九宫格布局。代码如下： 1 Ext.define('app.view.layout.Squared', { 2 alternateClassName: 'layo
阅读全文
摘要：sencha touch 有一套自己的类机制，可以以面向对象的方式去写代码，封装业务逻辑，sencha touch 的组件、插件、api等都建立在这一套类机制的上面在实际开发中，我们需要遵循这一套机制，以免造成不必要的麻烦。所以的类都是继承于Ext.Base定义一个类的语法：Ext.define(className, properties);其中className是类名，properties属于配置。sencha touch开发推荐使用mvc结构，在这里我推荐以下结构如图所示，我们一般在app文件夹中进行开发，其中config属于全局配置文件，是一个静态类代码如下： 1 //全局配置文件 2
阅读全文
