Css 使用ExtJS时,Textfield高度似乎小于组合框高度
我有一个组合框,它使用面板中的列布局放置在textfield旁边。使用ext js时,Textfield的高度似乎小于combobox的高度。如何解决combobox和Textfield之间的高度问题 我的代码:Css 使用ExtJS时,Textfield高度似乎小于组合框高度,css,extjs,Css,Extjs,我有一个组合框,它使用面板中的列布局放置在textfield旁边。使用ext js时,Textfield的高度似乎小于combobox的高度。如何解决combobox和Textfield之间的高度问题 我的代码: var myText = new Ext.form.TextField({ //readOnly: true, id:"IdKey"+i,
var myText = new Ext.form.TextField({
//readOnly: true,
id:"IdKey"+i,
//layout: 'vbox',
//align:'stretch',
//width: 140,
border: 1,
style: {
borderColor: 'black',
borderStyle: 'solid'
},
//fieldLabel: myData[i].name,
value: jsonItems[i].G3E_USERNAME,
});
panelItems.push(myText);
var combo = new Ext.form.ComboBox({
id: "IdValue" + i,
triggerAction: 'all',
allowBlank: isReq ? false : true,
editable: false,
//forceSelection : true,
store : pickStore,
//width: 140,
//width:Ext.getCmp('windowId').getInnerWidth()/2,
//border: 1,
displayField: 'ATTRIBUTEPNOVALUE',
valueField : 'ATTRIBUTEPNOVALUE',
//style: {
// borderColor: 'black',
// borderStyle: 'solid'
//},
//value: jsonItems[i].ATTRIBUTE_TEXT,
mode: 'local',
});
panelItems.push(combo );
模板:
var SwitchPanel = new Ext.form.FormPanel({
id: 'switchPanelId',
layout: 'column',
monitorValid : true,
//width: Ext.getCmp('windowId').width,
width: 290,
autoHeight: true,
items: panelItems,
buttons: [
{
//monitorValid: true,
text: 'save',
handler: function () {
alert('submit..'+allChangedItems.length);
SwitchPanel.getForm().submit({
//url: 'submit.php'
});
}
}]
})
通过这种方式,我在满足某些条件的情况下添加了combo和textfields。在formpanel中使用了PanelItems。但是textfield和combobox的高度不同。我怎样才能解决这个问题。
谢谢 我在那里看到的唯一可能导致组件高度不同的东西是应用于组件的不同样式和边框。我认为只需取消对边框和组合样式的注释就可以了。类似这样的内容:您能给我们看一些代码吗?请与我们分享您的代码。是的,我已经包括了代码,但它没有锻炼,所以我没有注释。这没有帮助。我如何解决,还有其他方法吗?尝试用firebug检查该元素的样式。可能某个样式正在应用于其中一个组件。检查边框、边距、填充物或高度。当文本框旁边有文本框时,高度没有差异。但是文本框和组合框可以看到这种变化。在检查过程中,我可以应用填充样式来匹配高度,但通过代码它没有附加样式。但这不应该是高差问题,我该如何解决呢