中文教程

ExtJs4新发现03_window 随浏览器大小变化而变化

var win = new Ext.Window({
modal : true,
title : "Ext-Window",
maximizable : true,
monitorResize:true,
draggable:false, // 禁止移动
resizable : false,
maximizable:false, // 禁止最大化
layout : 'fit',
plain:true,
buttonAlign : 'right',
listeners:{
close:function(w){
w.container.removeClass("x-window-maximized-ct"); //显示滚动条
w.restore(); // 关闭窗口前先还原,滚动条才不会消失
},
maximize:function(w){
//最大化后需要将窗口重新定位,否则窗口会从最顶端开始最大化
w.setPosition (document.body.scrollLeft,document.body.scrollTop);
}
}
});

ExtJs4新发现02_event和method的区别配置项和属性的区别

Ext里的属性和配置项有什么区别?
一般属性是相对于“某一实例”、“某一对象”的说法。
配置项(config item)在Ext中多用于初始化时候,传入到组件的配置项情况。
配置项一般传入后则不作变化,也不一定可以访问值是如何。但属性可以读、也可以写。

举例说明,

ExtJS4新发现01_event和method的区别

event和method的区别?
method,可以在程序中直接调用对象的方法, obj.method();
event 是在事件发生时的处理函数,通过监听事件的方式来设置
用配置项

listeners:{
xxx:function(){ .... } 
}


obj.on("xxx", function(){ .... });

要等事件发生时,函数才被调用.

作者: middlekingt
原文: http://blog.csdn.net/middlekingt/article/details/8208280

Sencha Touch 2 Sass自定义图标的使用方法

Sencha Touch 提供的默认图标有限,api上只有这么几个

但为了方便扩展,sencha touch早已经给我们准备了若干的图标文件和sass代码,方便后期的css自定义等。

图标文件在:\resources\themes\images\default\pictos 下面,如果不够用,你可以放置自己的png格式图片。

如何自定义自己的图标呢?

由于我们是window系统,必须先安装ruby环境,因为sass和compass工具依附于ruby。

Extjs 基础篇—— Function基础

这里主要是JS的基础知识,也是深入理解Ext的基础。
1.参数可变长,注意跟Java还是有一点区别的。
例:

function getUser(name,age){
    alert("name: "+name + " age: "+age);
  }

调用方法:getUser(); // 可以不传参数
getUser("cat"); // 可以只传递一个参数
getUser("cat",20); // 传两个参数
getUser("cat",20,2,"dog"); // 传两个以上的参数

聚合内容