Extjs4 ItemSelector无法显示，求大侠帮助。

Ext.Loader.setPath('Ext.ux', 'js/extjs/ux');

Ext.define('ups.form.selector.UserSelector',{
    extend:'Ext.ux.form.ItemSelector',
    alias: 'widget.userSelector',
    id: 'itemselector-user',
    anchor: '100%',
    labelAlign:'right',
    fieldLabel: '分组管理员',
    displayField: 'text',
    valueField: 'value',
    allowBlank: true,
    imagePath: 'js/extjs/ux/css/images/',
    msgTarget: 'side',
    fromTitle: '管理员',
    toTitle: '已选择',
    buttonsText: {
        top: "移到顶部",
        up: "向上一行",
        add: "Add to Selected",
        remove: "移除",
        down: "向下一行",
        bottom: "移到底部"
    },
    initComponent: function(){
this.store = Ext.create('ups.form.selector.UserSelectorStore') ;
this.callParent(arguments);
}
});




Ext.define('ups.form.UpsGroupForm',{
    extend:'Ext.form.Panel',
    alias: 'widget.upsGroupform',
    id : 'form1',
    border:false,
    frame:true,
    autoWidth:true,
    url:'ups!saveUpsGroup',
    border:false,
    layout : 'fit',
    items:[{
    layout:{
        type:'vbox',
        align:'stretch'
    },
    fieldDefaults:{
    labelAlign:'top',
    labelWidth:70,
    labelStyle:'font-weight:bold',
    anchor: '100%'
    },
    items:[{
        xtype:'textfield',
        inputType:'hidden',
        name:'groupID'
    },{
    labelAlign:'right',
    xtype: Ext.create('ups.form.UpsGroupComboBox'),
    name:'parentName',
    fieldLabel:'上级分组'
    },{
    labelAlign:'right',
    xtype: 'textfield',
    name:'groupName',
    fieldLabel:'分组名称',
    blankText:'请输入分组名称',
    allowBlank:false
    },{
    labelAlign:'right',
    xtype : Ext.create('ups.form.selector.UserSelector'),
    flex : 1
    },{
    labelAlign:'right',
    xtype: 'textareafield',
    name:'groupExplain',
    fieldLabel:'分组描述',
    allowBlank:true
    }]
    }],
    initComponent: function(){
....

把一个itemselector加入到form中，当然都是自己定义的，form上只显示了select的label,后面的选择列没显示出来，有哪位大侠知道为什么啊？？？？？？？




[解决办法]
看不出来，像这种问题应该放在编辑器中运行才好找问题。
像这种代码比较多的，楼主可以整理个完整的测试代码，能直接运行的，贴上去，那样，可以直接看到效果，有心改的网友，也方便找问题或直接在上面更改好。
[解决办法]

引用:

引用:

看不出来，像这种问题应该放在编辑器中运行才好找问题。
像这种代码比较多的，楼主可以整理个完整的测试代码，能直接运行的，贴上去，那样，可以直接看到效果，有心改的网友，也方便找问题或直接在上面更改好。


多谢回复，主要是初学Extjs4，看官方的API做的例子，可就是显示不出来itemselector组件，郁闷啊

官方的那个可以显示啊，
你照着官方的那个拿来修改就好了，别一开始自己重头写起，很容易出错的。
我看了官方4.1.1里边的这个插件，是可以显示的。
你这个代码肯定漏了什么的了，我一下子也看不出来。
改说的时候，注意路径问题。
还有相关css之类的，也要拷出来。
[解决办法]
{
labelAlign:'right',

xtype : Ext.create('ups.form.selector.UserSelector'),
flex : 1
}

不能这样用xtype吧...xtype是string类型的。。

注册你这个组件的xtype或者直接创建这个项目为自定义组件

Ext.define('ups.form.selector.UserSelector',{
    extend:'Ext.ux.form.ItemSelector',
    alias: 'widget.userSelector',
    xtype: 'userSelector',/////
//....
});

//....
{
            labelAlign:'right',
            ////xtype : Ext.create('ups.form.selector.UserSelector'),
            xtype : 'userSelector',////////
            flex : 1
        }

/*{
            labelAlign:'right',
            xtype : Ext.create('ups.form.selector.UserSelector'),
            flex : 1
        }*/
//===>
 Ext.create('ups.form.selector.UserSelector')