7

私はGxt-2.2.3のcomboxボックスを使用していますが、IE7でレンダリングする場合、配置に問題はありませんが、Firefox-4.0.1に関しては、次のような選択矢印の配置の問題があります。

ここに画像の説明を入力してください

アプリケーションを実行すると、アプリケーションはFirebugモードになり、この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」「ラベル幅」が原因で 、「ラベル幅」が「30px」の「FormLayout」がありました。したがって、「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 に答える