[extjs自定义组件]extjs自定义组件函数回调实例介绍

更新时间:2018-10-22    来源:extjs    手机版     字体:

【www.bbyears.com--extjs】

工程里用到了Sencha ExtJs,因为特定的组件原因,导致很多组件得自己。组件定义完成之后的 Success_callback 因为之前没做过,所以这次把它记录下来方便以后查阅。直接上代码:

界面调用

 代码如下 <script type="text/javascript">
function aaa(){
 var student_panel = new WX.student.AddStudent({
  //传入回调函数,直接显示。
  callback_fun:function(){
   alert("我是界面的回调函数");
  }
 }).show();
}
</script>

组件部分代码

 代码如下

Ext.define("WX.student.AddStudent", {

    extend: "Ext.window.Window",

    modal:true,
    height: 585,
    width: 684,
    layout: {
        type: "fit"
    },
    title: "新增学生",
    bodyPadding:"10 10 10 10",
    //用于组件函数回调
    callback_fun:function(){},
    initComponent: function() {
        var me = this;
        ......
        // Panel 组件
        buttons:[{
                text:"保存",
                handler:function(){
                     //发送Ajax请求保存用户数据.

                    //调用STORE之后的自定义回调函数
                    this.callback_fun
                }
        }]
    }

.....这里的做法有点类似Java的接口回调,在自定义模块中定义方法,提供按钮回调,界面初始化组件的时候用方法覆盖组件中的回调方法,达到回调的目的。

好了,关于extjs自定义组件函数回调就讲到这里了,如果大家还不明白可以参考其它文章。

本文来源:http://www.bbyears.com/wangyezhizuo/45239.html