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,后面的选择列没显示出来,有哪位大侠知道为什么啊???????
------解决办法--------------------
看不出来,像这种问题应该放在编辑器中运行才好找问题。
像这种代码比较多的,楼主可以整理个完整的测试代码,能直接运行的,贴上去,那样,可以直接看到效果,有心改的网友,也方便找问题或直接在上面更改好。
------解决办法--------------------
官方的那个可以显示啊,
你照着官方的那个拿来修改就好了,别一开始自己重头写起,很容易出错的。
我看了官方4.1.1里边的这个插件,是可以显示的。
你这个代码肯定漏了什么的了,我一下子也看不出来。
改说的时候,注意路径问题。
还有相关css之类的,也要拷出来。
------解决办法--------------------
{
labelAlign:'right',