ext bbar 上添加一个 combox 后当点击 combox 怎么报错?

问题描述：

var combox = new Ext.form.ComboBox({
id:'combo',
tpl: '

{state}

',
store: store,
displayField:'state',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'select a state...',
selectOnFocus:true
})

var tabpanel2 = new Ext.TabPanel(
{
region:'center',
deferredRender:false,
activeTab:0,
bbar:[
{
id:'rotation',
text: '旋转'
},{
id:'delete',
text: '删除'
},

combox , //批注下拉选项
{
id:'addMark',
text: '添加批注'
}
]
});

答

你看一下这个例子吧
[code="java"]

Ext.onReady(function(){ var testDS=new Ext.data.Store({ proxy:new Ext.data.MemoryProxy([[0,'测试1'],[1,'测试2'],[2,'测试3']]), reader:new Ext.data.ArrayReader({},[{name:'id'},{name:'finishValue'}]) }); testDS.load(); var testCmb=new Ext.form.ComboBox({ fieldLabel:'完成标志', hiddenName:'finishFlag', displayField:'finishValue', triggerAction:'all', selectOnFocus:true, store:testDS, valueField:'id', editable:false, mode:'local', width:210, value:0 }); var tabpanel2 = new Ext.TabPanel( { region:'center', deferredRender:false, activeTab:0, bbar:[ { id:'rotation', text: '旋转' },{ id:'delete', text: '删除' }, testCmb , //批注下拉选项 { id:'addMark', text: '添加批注' } ]}); var panel = new Ext.Panel({ width:500, height:300, items:[tabpanel2] }); panel.render("panel"); });

</head>
<body>
    <table cellspacing="5" cellpadding="5">
        <tr>
            <td>
                <div id="panel"></div>
            </td>
        </tr>
    </table>
</body>

[/code]

答

可能是你的store的定义问题,也有可能是外面的layout报错
你可以发下firebug的报错看看

这是一个我本地测试ok的例子:
[code="javascript"]
var combox = new Ext.form.ComboBox({
id: 'combo',
tpl: '

{state}

',
store: new Ext.data.SimpleStore({
fields: ['state', 'nick'],
data: [
['state1', 'nick1'],
['state2', 'nick2']]
}),
displayField: 'state',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText: 'select a state...',
selectOnFocus: true
});
var p = new Ext.Panel({
title: 'Test',
height: 300,
width: 600,
renderTo: Ext.getBody(),
html: 'xxx',
bbar: [{
id: 'rotation',
text: '旋转'
},
{
id: 'delete',
text: '删除'
},
combox, //批注下拉选项
{
id: 'addMark',
text: '添加批注'
}]
})[/code]

ext bbar 上添加一个 combox 后 当点击 combox 怎么报错?

相关推荐

ext bbar 上添加一个 combox 后当点击 combox 怎么报错?