0

Glassfishで実行されているGWT-EXTでGWTを使用しています。次のように2つのコンボボックスを作成します。

import com.extjs.gxt.ui.client.widget.form.ComboBox;
import com.extjs.gxt.ui.client.widget.form.SimpleComboBox;

this.contentPanel = new ContentPanel();
this.contentPanel.setFrame(true);
this.contentPanel.setSize((int)(Window.getClientWidth()*0.95), 600);
this.contentPanel.setLayout(new FitLayout());
initWidget(this.contentPanel);

SimpleComboBox<String> combo = new SimpleComboBox<String>();
combo.setEmptyText("Select a topic...");
combo.add("String1");
combo.add("String2");
this.contentPanel.add(combo);

ComboBox combo1 = new ComboBox();
combo1.setEmptyText("Select a topic...");
ListStore topics = new ListStore();
topics.add("String3");
topics.add("String4");
combo.setStore(topics);
this.contentPanel.add(combo1);

これらがブラウザ（IE 8.0、Firefox 3.6.6、またはChrome 10.0）に読み込まれると、コンボボックスが表示されますが、プルダウン矢印はありません。これらは、「トピックを選択...」というテキストを含むテキストフィールドのように見えます。テキストを選択するとテキストは消え、文字を入力してから削除するとオプションが表示されます（つまり、プルダウンが呼び出されます）が、プルダウン矢印はありません。

誰かが問題が何であるか知っていますか？または、どうすればさらに調査できますか？ブラウザが取得している実際のHTMLを確認することはできますか？ページソースを表示すると、ランディングページのHTMLのみが取得されます。

追加として、正しくレンダリングされないインポートcom.google.gwt.user.client.ui.Gridもあります。表形式ですが、グリッド線やヘッダーバーなどはありません。

乾杯、

ジェームズ

これは問題のあるHTMLDIVです：

<div class=" x-form-field-wrap  x-component" id="x-auto-5" style="width: 150px;">
    <input type="text" class=" x-form-field x-form-text  x-form-empty-field" id="x-auto-5-input" tabindex="0" autocomplete="off" style="width: 126px;">
    <img class="x-form-trigger x-form-trigger-arrow" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" id="x-auto-6">
</div>

指定された画像は空白の画像だと思います。矢印画像を使用していないのはなぜですか？それはデフォルトのGWT /ブラウザ画像です？

4

3 に答える 3

1

FireBugはFireFoxの親友になります。あなたはすべて、cssファイル、htmlまたはjavascriptを調べることができます。私は同様の問題を抱えています、私の問題は画像ファイルの欠落に関連していました。私はfirebugによってそれを見つけました。

于 2011-01-10T08:49:10.133 に答える
0

GWT-EXTでGWTを使用している場合は、なぜEXT-JSのコンボボックスを使用しているのか、GWT-EXTのコンボボックスを使用してください。

于 2011-01-10T11:13:17.287 に答える
0

Landinghtmlページから次のものが欠落していました。さて、私は参照を持っていましたが、それは間違った相対的な場所を指していました。

<link rel="stylesheet" type="text/css" href="extgwt/css/gxt-all.css" />
于 2011-01-11T12:56:45.983 に答える