EXT总结1

1、EXTJS中prototype是什么意思?
这个跟ExtJs没有关系,
javascript使用原型继承机制, 对象的prototype属性即所有基类成员的集合, 每创建一个对象(new操作), 会将prototype对象的所有成员复制到新对象, 称之为模版可能更好理解。

2、Ext.extend原理和使用说明:
Ext.extend方法是用来实现类的继承。
extend(Object subclass,Object superclass,[Object overrides] : Object
第一个参数:子类
第二个参数:父类
第三个参数:要覆盖的属性。
这里需要强调一下,子类继承下来的是父类中通过superclass.prototype方式定义的属性(包括用此方法定义的函数)。
<script type="text/javascript">  
               function S(){  
               }  
               S.prototype.s = "s";  
               S.prototype.s1 = "s1";  
              function C(){  
                   this.c = "c";  
                   this.c1 = "c1";  
              }  
              Ext.extend(C,S,{s1:"by c overload"});  
             var c = new C();  
              alert(c.s); //s  
              alert(c.s1); //by c overload          
</script>

3、call方法:
1.call是js自带的方法,长在Function对象上
function b(v){
   alert(this.temp+" "+v);
}
b.call({temp:'abc'},'hello');
第一个参数是给b  function的this作用域赋值,后面那个是b 的参数

function add(a,b)
{
alert(a+b);
}
function sub(a,b)
{
alert(a-b);
}
add.call(sub,3,1);
这个例子中的意思就是用 add 来替换 sub,add.call(sub,3,1) == add(3,1) ,所以运行结果为:alert(4); // 注意:js 中的函数其实是对象,函数名是对 Function 对象的引用。

4、ext Ext.QuickTips.init();
在extJS的例子中,大部分都在程序第一行使用了如下语句:
Ext.QuickTips.init();
但是QuickTips的用处是什么呢?
我们通过一个例子来看(可能是代码与Wordpress兼容的问题,只能在Opera和Safari上看到例子的样子,在firefox和IE上都无法显示这个例子,我感到比较奇怪。)
大家把鼠标移到上面的Link和旁边的输入框上方,可以看到在鼠标旁边显示出了提示语。(如果你无法看到效果,很有可能是因为你无法访问国外网站,请确保你能够访问http://extjs.com
上面这个例子的代码为:
1.<script type="text/javascript" src="http://extjs.com/deploy/dev/adapter/ext/ext-base.js"></script>
2.<script type="text/javascript" src="http://extjs.com/deploy/dev/ext-all.js"></script>
4.<a href="..." ext:qtip="my tooltip">Link</a>
5.<input type="text" value="hello" ext:qtip="still my tooltip"></input>
6.<script type="text/javascript" charset="utf-8">
7.    Ext.onReady(function(){
8.        Ext.QuickTips.init();
9.    });       
10.</script>
第1、2行应该放在head标签内;
从第4、5行可以发现,QuickTips的作用是读取标签中的ext:qtip属性,并为它赋予显示提示的动作。


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值