Extjs 组合框在xtype:Combo中不可见。没有涉及任何形式_Extjs

Extjs 组合框在xtype:Combo中不可见。没有涉及任何形式

extjs

Extjs 组合框在xtype:Combo中不可见。没有涉及任何形式,extjs,Extjs,团队我面临一个问题，组合框没有在div上呈现。如果它非常基本，我深表歉意，但我是EXTJS的新手 ExtJS版本是3.x。即使我也不知道如何格式化代码，所以我也要道歉代码膨胀 Ext.onReady（函数（）{ var itemsl=[]； itemsl.push（[Ext.apply({ xtype:“组合”，触发动作：“全部”，模式：“本地”，存储：新Ext.data.ArrayStore({ id:0，字段：[ “myId”， “显示文本” ], 数据：[[1'项目1']，

团队

我面临一个问题，组合框没有在div上呈现。如果它非常基本，我深表歉意，但我是EXTJS的新手

ExtJS版本是3.x。即使我也不知道如何格式化代码，所以我也要道歉

代码


膨胀
Ext.onReady（函数（）{
var itemsl=[]；
itemsl.push（[Ext.apply({
xtype:“组合”，
触发动作：“全部”，
模式：“本地”，
存储：新Ext.data.ArrayStore({
id:0，
字段：[
“myId”，
“显示文本”
],
数据：[[1'项目1']，[2'项目2']]
}),
valueField:'myId'，
displayField:“displayText”，
emptyText:“已停用列表框”，
_是的，
isExpanded:function（）{
返回此。_isExpanded | |（this.list&&this.list.isVisible（））；
},
renderTo:Ext.get（'c1'）
})
]);
});

我认为这是提问者对Extjs工作原理的误解。xtype：“combo”仅在您的配置是另一个extjs组件的子元素时才起作用。在您的示例中，您没有将组合放到另一个extjs组件中，因此没有任何东西可以调用它的配置来实际使用xtype启动它。请注意，Ext.apply不是一个组件，只是一个将属性移动到对象中的函数。

请在Ext.apply（）中使用renderTo config

<html>
<head>
<title>Expansion</title>
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>
</head>

<body>
<div id="c1"></div>

<div id="c2"></div>

</body>
</html>

<script type="text/javascript">

Ext.onReady(function(){
var itemsl=[];
itemsl.push([Ext.apply({
xtype:'combo',
triggerAction: 'all',
mode: 'local',
store: new Ext.data.ArrayStore({
id: 0,
fields: [
'myId',
'displayText'
],
data: [[1, 'item1'], [2, 'item2']]
}),
valueField: 'myId',
displayField: 'displayText',
emptyText: 'deactivated listbox',
_isExpanded: true,
isExpanded : function(){
return this._isExpanded || (this.list && this.list.isVisible());
},
renderTo: Ext.get('c1')
})

]);
});

</script>