2

我需要一个位于顶栏下一行的组件。我这样编码，

tbar: [{
    xtype: 'textfield'
    id:'fname'
},'-',{
    xtype: 'textfield'
    ,id: 'lname'
},'<row>',{
    xtype: 'textfield'
    ,id:'mob'
}]

这在 chrome、firefox 和 ie7+ 浏览器中运行良好，但在 ie7 中不起作用。有人可以更正我的代码。

4

2 回答 2

0

一个非常原始的方法呢？

tbar : {
    layout : 'auto', // im not sure why 'vbox' does not work here
    width: 200,
    items : [{
        xtype: 'container',
        layout: 'hbox',
        items : [{
            xtype: 'textfield',
            id:'fname'
        }, {
            xtype: 'container',
            html: '-',
            width: 5
        }, {
            xtype: 'textfield',
            id: 'lname'
        }]
    }, {
        xtype: 'textfield',
        id : 'mob'
    }]
}
于 2012-09-24T19:22:00.297 回答
0

你的 xtype 后面没有逗号：'textfield'。

IE7 在 JavaScript 中对逗号非常敏感。

tbar: [{
    xtype: 'textfield'
    ,id:'fname'
},'-',{
    xtype: 'textfield'
    ,id: 'lname'
},'<row>',{
    xtype: 'textfield'
    ,id:'mob'
}]

编辑：我做了这个小提琴，它适用于所有浏览器：

http://jsfiddle.net/MG3fS/3/

于 2012-09-20T11:51:12.247 回答