learningExtjs 中文版 之 用得最多的就是Ext.get了

Extjs之所以好用在于它可以很容易取到并操作DOM.用得最多的就是Ext.get了。

 

Ext.get('my_id');这条语句让我们很容易取到了页面中ID为“my_id”的元素。

首先我们在页面上添加一个ID为”my_id”的div.

<div id='my_id' style='width:200px;height:200px;'>test</div>

然后添加语句

Ext.get('my_id').highlight('FF0000',{endColor:'0000FF', duration: 3});

在浏览器预览，就可以看到一个200px的方形改变颜色。

要记住，id应该是唯一的。如果“my_id ”已经用了，其他地方就不能再用了。如果id重复了，有作用的将是最后一个。但应该视这种情况为bug ，而不是设计技巧。大部分情况下ext自己会创建和跟踪id,不需要我们多加干涉。如果在页面中定义了重复id,通常会导致一些异常，像控件总显示在浏览器的左上角等，所以应当避免。

 

var animal = function(){
this.name = 'animal';
this.age = 7;
}
Ext.cat = Ext.extend(animal,{
name: 'cat',
age: 3,
getName: function(){alert(this.name);}
});
var cc = new Ext.cat();
cc.getName();
怎么才打印cat？

改为：
animal=function(){};
animal.prototype.name="animal";

Ext 的 extned只对prototype属性有效