[ExtJs] fireEvent 子父控件和子子控件方法调用

最新推荐文章于 2019-07-28 23:15:25 发布

29号同学

最新推荐文章于 2019-07-28 23:15:25 发布

阅读量3.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： ExtJS 文章标签： fireEvent extjs6 fireEvent extjs 子控件调用父容器方法同级子控件方法调用

本文链接：https://blog.youkuaiyun.com/ZYD45/article/details/86254200

在ExtJS中，当点击子控件C时，需要获取自身、父控件A及同级控件B的处理值，并将结果传递给C的cSave方法。为避免控制器过于庞大，计划在各组件内部处理逻辑。文章展示了如何使用fireEvent在C和B组件中定义处理逻辑，并在A的控制器中响应这些事件，从而实现子父及同级控件间的方法调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

已知现存在以下页面模式：

A为父级容器，B、C为A中的子控件，且为同级控件。

现在，有个场景：

点击了C时，要获取C和A和B中的所有处理的值，然后把处理过的结果，传给C中的cSave方法去返回出来。

完成以下的一个闭环：

为了避免产生一个巨大的controller（就是把这些逻辑处理都丢给A，然后A去找一个个控件再处理逻辑，这样A的controller很巨大），准备在各类中处理控件自己的逻辑

首先把C和B控件的逻辑写好：

C控件:

Ext.define('C', {
    extend: 'Ext.Container',
    xtype: 'c',
    defaultListenerScope: true,
    items: [{
        xtype: 'button',
        text: 'C按钮',
        ui: 'action',
        handler: 'OK'
    }],
    listeners: {
        cmethod: 'C',
        cSave: 'Save'
    },
    OK() {
        const me = this;
        var msg = me.C('');//点击了C开始先处理C中逻辑
        me.fireEvent('Ci