Sencha Mobile 简单应用

类名:Button

创建方式

var btn=new Ext.Button();

常用属性

text:按钮上的文本

ui:按钮的呈现方式

width:宽度

height:高度

draggable:是否可拖拽

renderTo:渲染到哪去

handler:默认单击事件 

方法 

render:渲染到哪

on:添加事件

addListeners:添加事件 

 

简单应用:

Ext.setup({

    tabletStartupScreen: 'tablet_startup.png',

    phoneStartupScreen: 'phone_startup.png',

    icon: 'icon.png',

    glossOnIcon: false,

    onReady: function() 

    {

    

         //创建一个button

        var _btn=new Ext.Button({

            //renderTo:'dvcontent',//button.render('dvcontent');

            text:'一个可以点击的Button',

            ui:'normal',//'normal', 'back', 'round', 'action', 'forward'

            draggable:true,//拖拽

            width:300,//宽度

            handler:function(){

                Ext.Msg.alert('谁让你点击我的！');

            }

        

        });    

        //渲染到文档内    

        _btn.render(Ext.getBody());

    

    }});