[ExtJS] viewModel绑定监听方法控件动态绑定方法

最新推荐文章于 2023-10-13 19:18:09 发布

29号同学

最新推荐文章于 2023-10-13 19:18:09 发布

阅读量4k

点赞数

分类专栏： ExtJS 文章标签： ExtJS6 viewModel bind方法 listeners监听绑定

本文链接：https://blog.csdn.net/ZYD45/article/details/87379758

版权

本文介绍了在ExtJS6中如何使用viewModel来动态绑定控件的监听事件，特别是在移动端开发中，针对浏览态和新增态的不同需求，通过设置viewModel的isBrowser字段判断是否触发事件，提供了一个完整的示例来说明这种方法。

摘要由CSDN通过智能技术生成

现在随着移动端的开发，很多控件都是一步保存，尤其是在浏览态下。

但是，无论是在浏览态下还是新增态，都是公用的一个控件。这时对于blur或change这种就要区别判断。

新增态下，不可调用事件，浏览态才可以调用更新类事件

在ExtJS6下，可以借助viewModel来实现

1.设置一个viewModel 用一个字段isBrowser来记录页面状态

viewModel:{
     data:{
          isBrowser:true//是否是浏览态
     },
},

2.设置好自己的方法，一定要有个监听的空方法，因为bind里用三目运算，：后必须有值

onEmpty(sender){
    sender.purgeListeners();//清空所有的方法
},//空方法
onUpdate(){
    alert('更新了')
}

3.给控件进行监听

{
     xtype:'textareafield',
     bind:{
        listeners:{
             blur:'{isBrowser?"onUpdate":"onEmpty"}'//是浏览态 就调用更新方法
        }
     }
}

完整例子：

关注

专栏目录

[ExtJS] viewModel绑定监听方法 控件动态绑定方法