7

我使用的是 Gxt-2.2.3 的组合框，在 IE7 中渲染时对齐没有问题，但在 Firefox-4.0.1 中出现了一些选择箭头对齐问题，如下所示。

在此处输入图像描述

通过运行应用程序是萤火虫模式，得知有一些默认样式应用于此 div 'element.style'，值为 'padding-left:80px'。那么任何人都可以建议我为什么在浏览器中不兼容，以及我如何覆盖这种风格。

代码：

private ComboBox<TestModel> comboModel = new ComboBox<TestModel>();

  comboModel.setFieldLabel(wrapAlignmentSpan("State"));
    ListStore<TestModel> store = new ListStore<TestModel>();
    store.add(getModels(new ArrayList<TestModel>()));
    comboModel.setDisplayField(TestModel.STATE);
    comboModel.setValueField(TestModel.STATE);
    comboModel.setLabelStyle("font-weight:bold;width:120");
    comboModel.setWidth(100);
    comboModel.setStore(store);

最后我将这个添加到“FormPanel”中，如下所示：

     mainPanel.add(comboModel);

提前致谢。

4

2 回答 2

2

问题是因为“FormLayout” “标签宽度”，有一个“FormLayout”，“标签宽度”为“30px”。因此，在增加到“120px”后，问题得到了解决。

 LayoutContainer left = new LayoutContainer();
    MdbFormLayout layout = new MdbFormLayout(120);
    layout.setLabelAlign(LabelAlign.LEFT);
    left.setLayout(layout);
    return left;

最后将“组合字段”添加到“左”容器中，如下所示，

left .add(stateField, new FormData(150, -1));
于 2012-08-22T11:47:46.673 回答
1

这是因为'FormLayout'的标签宽度。不要为组合字段设置任何标签宽度。如果需要检查标签文本的宽度，然后按如下方式设置标签宽度。

//'100' should be calculated based on the width of the label text
formLayout.setLabelWidth(100);
于 2012-08-24T07:57:39.513 回答