Sencha 自定义组件函数回调

工程里用到了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的接口回调,在自定义模块中定义方法,提供按钮回调,界面初始化组件的时候用方法覆盖组件中的回调方法,达到回调的目的。

發表回覆

你的電郵地址並不會被公開。 必要欄位標記為 *