i tried to write multiple defines like this:

Code:
Ext.define('ExtDoc.views.extfields.ExtDocPanel',{
    extend:'Ext.panel.Panel',
    mixins:['ExtDoc.views.extfields.ExtDocField'],
    listeners:{
        afterrender:function(){
            this.updateAfterRender();
        }
    }
});

Ext.define('ExtDoc.views.extfields.ExtDocTextField',{
    extend:'Ext.form.TextField',
    mixins:['ExtDoc.views.extfields.ExtDocField'],
    listeners:{
        afterrender:function(){
            this.updateAfterRender();
        }
    }
});
in the page:
ExtDoc/views/extfields/ExtDocPanel

but i got error: "object expected" after i used Ext.create (in other page)
one define each page working.

and now i tried like this:

Code:
Ext.define('ExtDoc.views.extfields.ExtDocPanel',{
    extend:'Ext.panel.Panel',
    alias:['ExtDoc.views.extfields.ExtDocField'],
    listeners:{
        afterrender:function(){
            this.updateAfterRender();
        }
    }
});

Ext.define('ExtDoc.views.extfields.ExtDocPanel',{
    extend:'Ext.form.TextField',
    alias:['ExtDoc.views.extfields.ExtDocField'],
    listeners:{
        afterrender:function(){
            this.updateAfterRender();
        }
    }
});
but got same error.
how can i do that?