Ext 学习的一点小建议

      首先不得不说swing学的非常好的人学ext速度会非常快,但是没有swing基础也是一样可以把ext学的很好的:)

     在群里每天都看到有些人在问EXT的东西,最不可思议的是有好多人问的需要解决的方法在API里直接就可以看到,都找不到。这可谓是非常让人感觉。。。的了。

      官方也说了免费的ext 2.0提供的API接口并不是完全的,但是我们从extjs上下的ext-all.js里面具体实现是都有的,在你想操作或查看某项属性的值的时候API并不能完全提供给我们,这需要我们读ext-all.js。在者ext-all.js文件经过压缩后大的惊人,也是不容易查看的。可以在eclipse或是其他的IDE下分组件把他们分开保存并格式化后可以看的比较舒服。对想学习extjs的人来说是必不可少的。

     前两天有个群里的朋友问我field的readOnly属性在定义后如何动态改变它的值,其实API里没有提供函数直接操作这个属性,但是你要知道既然我们在定义一个field的时候指定了它的属性那么extjs肯定有方法对它进行操作的,所以在找到指定组件的JS后查找readOnly属性很快就会得到答案,是非常简单的唯一让人失望的是IDE对extjs的支持还不够完善,要记的东西太多了。不过用的多了自然会记下一部分的:)

   下面是extjs中实现readOnly属性的操作的代码:

    if (this.readOnly) {
  this.el.dom.readOnly = true;
 }

这样就知道使用field.el.dom.readOnly=true/false进行操作

其实象这样非常简单的使用太多了,要学好读通EXTJS的代码是非常有必要的。以下在给出几个经常用到的但是API中没有提供的操作

tree是我们经常要使用的组件,使用的时候只是根据它提供给我们的属性进行构造是完全不够用的,为每个node提供一个为后面操作做基本判定的属性是可以随便给出定义的,比如我们在构造node的时候指定了属性 xxx在后面我们就可以使用node.attributes.xxx对属性进行操作或查看。在对树进行操作的时候许多操作读源码你会找到答案的

  Ext.Resizable组件的使用让我们感觉他的大小缩放是使用也就是这个基础类我们在使用window或其他组件的时候可以进行缩放操作,在我们进行某些操作的时候可能要记录下操作完成时的对象的宽度和高度。但是这个函数API中并没有给我们其实extjs怎么实现都是基于el进行操作,必须把一张图片放如了定义好的

imgresizable=new Ext.Resizable('newimg', {
    wrap:true,
    pinned:true,
    minWidth:50,
    maxWidth:980,
    minHeight: 50,
     preserveRatio:false
                                                          
    });

中我们对其进行缩放操作后获得宽度和高度也是非常方便的

imgresizable.el.getSize().width 和imgresizable.el.getSize().height包括组件的位置也是可以进行获取的。

还有好多在以前经常写JS的人来说可能是非常容易的但是对于没有JS开发经验的人但是有面向对象编程的人也是可以很容易的学习EXTJS的比如要改变panel的body的属性可以使用

Ext.getDom(panel.body).style.*****对其样式进行修改。

  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值