当前位置: 代码迷 >> Ajax >> Extjs4 ItemSelector无法显示,求大侠相助
  详细解决方案

Extjs4 ItemSelector无法显示,求大侠相助

热度:521   发布时间:2014-01-22 00:03:39.0
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',