Extjs 学习笔记

学习和使用Extjs已经有一段时间了，之间遇到了一些问题，并解决了，故作此文已记之。

1.如果window没有显示，可能是因为没有设置window的width height x y

2.如果某一个容器没有显示，可能是因为width和height设置的不对，（比如其他容器太大了，被覆盖了）

3.容器可以用collapsible:true,来显示收缩/展开按钮

4.用textfield中的value属性，可以给其设置默认值。

5.renderer主要使用与 gridpanel中的某一列，显示与值相对应的含义。例如值为false,

用

renderer: function(value){
    if(value=='1'){
        return '男';
    }else if(value=='2'){
        return '女';
    }else{
        return '未知';
    }
}

6.滚动显示信息

region:'south',
xtype:'label',
style: 'font-size:18px;font-family: 隶书;color:red;text-align:center;',
height: 18,
name:'status',
animate:true,
listeners:{
  render:function(){
        count=0;
        var task = {
        run:function(){
                var message=['青岛黄岛暴雨预警','市南区山东路发生重大交通事故','崂山区世园会附近发生严重拥堵'];
                count=count+1;
                if(count>=3)
                count= count%3;
                  Ext.ComponentQuery.query('monMain label[name=status]')[0].setText(message[count]);
                 },
                 interval:3000,
                 animate:true
         };
         var runner = new Ext.util.TaskRunner();
         runner.start(task);
       }
}

7.Extjs 中的isKindOf

这里我们先回顾一下Java的isKindOf和isMemberOf。

isKindOf:class 表示：对象是否为class或其父类

isMemberOf:class 表示：对象是否为class

class Person{
}
class Employee extends Person{
}

public void testApp()
    {
        Person p = new Person();
	Employee e = new Employee();
	System.out.println(e instanceof Employee);// isKindOf true
	System.out.println(p.getClass().getName().
	    equals(e.getClass().getName()));//isMemberOf false
    }

在Extjs中，我暂时只找到了isKindOf的判断方法：isXType

var tabView = Ext.ComponentQuery.query(view)[0];
if(tabView.isXType('gridpanel')){
    tabView.getStore().load();
}