终于知道ExtJS里面的scope的作用了

原创于 2020-06-05 20:22:23 发布 · 710 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

extjs 专栏收录该内容

33 篇文章

订阅专栏

本文探讨了在ExtJS框架中组件化开发时遇到的作用域问题。以splitbutton为例，详细解释了如何通过设置'scope'属性来指定事件处理器的上下文对象，确保函数能够正确访问到所需的面板实例。

在ExtJS里面，由于是组件化开发，涉及到作用域的时候怎么办？

比如一个splitbutton，在一个大panel里面，

点击时它的事件处理里面，如果不写scope，那么传到onPrintPDF函数里的对象就是这个按钮本身，

写了scope，就是panel

let me = this;  

let t_print_menu = {
          xtype: 'splitbutton',
          text: report.Message.print,
          iconCls: "PSI-button-print",
          disabled: t_print_disabled,
          handler: me.onPrintPDF,
          scope: me,
          menu: t_print_tpl_menu,
        }