Question

我有一个组合框，它使用面板中的列布局放置在文本字段旁边。使用ext js，文本字段高度似乎小于组合框高度。如何解决组合框和文本字段之间的高度问题？

我的代码：

 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 );

FormPanel中：

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'
                                         });

                                 }


                         }]
                     })

通过这种方式，我可以在满足某些条件时添加组合和文本字段。宽度可以动态附加到元素上。 PanelItems用于formpanel.But textfield和combobox不具有相同的高度。我该如何解决这个问题。谢谢。

Answer 1

我在那里看到的唯一可能导致组件高度不同的是，它们应用了不同的样式和边框。我认为只要取消对边框和组合风格的反驳，就应该有效。这样的事情：https://fiddle.sencha.com/#fiddle/i5m

使用ext js，Textfield高度似乎小于组合框高度

1 个答案: