Extjs 6.2 实战 (一)

本文基于《Extjs 6.2实战》分享书中的例子,探讨MVVM模型在ExtJS中的优势,如控制器的生命周期管理和数据绑定。讲解了ExtJS 5到6的变化,特别是两者合并后的通用应用程序开发能力。文章还详细介绍了ExtJS中的关键配置,如`requires`、`extend`、`mixins`、`items`、`xtype`、`config`、`id`、`itemId`、`scope`、`defaults`、`defaultType`、`layout`、`reference`和`bind`,并阐述了它们在实际开发中的作用。
摘要由CSDN通过智能技术生成

我是根据Extjs 6.2实战这本书来学习的

现在就把这本书上面的例子与大家分享一下 顺便记录一下我的学习轨迹

ExtJs4 到 ExtJs5 是从MVC到MVVM模型的转变,MVVM模型带来的好处是控制器终于可以跟随视图创建或者销毁了

MVVM另一个好处就是绑定,例如在5之前的版本中,要根据网格(Ext.grid.Panel)是否已经选择了数据来判断是否启用或者

禁用按钮,基本的实现思路是监听网格的选择改变(selectionchange)事件,然后根据选择结果来调整按钮状态。使用绑定,这个就很简单了,只要将网格的属性selection绑定到数据对象selection,再将按钮的disabled 属性与数据对象selection绑定就可以了。

首先要说一下Extjs5 跟Extjs6的区别 因为Extjs5推出后不久就推出了Extjs6.0

最大的区别就是把Ext JS 跟 Sencha Touch合二为一了,也就是可以开发出既适用于桌面又适用于移动设备的通用应用程序了(赶紧拍拍手 wowowowow~

然后来看看Ext Js中的一些常见配置吧,这些都是Ext Js一些必须用到的

requires:如果你需要引用其他类的时候就会用到这个属性,相当于java开发中的import

我理解的Extjs的类,比如说一个页面有展示数据的grid 还有用来查询的输入框跟查询按钮,这时候我就可以把查询的这个事件专门写成一个类,然后再展示数据的页面来调用这个类这时候就用到了requires,至于怎么获取这个展示页面的数据我们以后再说

extend:再自定义类时,用来指定自定义类的扩展类,与java的继承概念是一样的,如果学过java的小伙伴一定回理解的

mixins:将一个类混入要定义的类。这个等以

  • 0
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值