1

ここで 1 つの問題があります。アプリケーションでブートストラップ css と gwt を使用しています。私のuibinderページでは、gwtテキストボックスを使用し、以下に示すようにスタイル（「日付」）を適用しています。

<g:TextBox styleName="span11 date"></g:TextBox>

また、bootstrap-datepicker.js および関連する bootstrap css ファイルが添付されています。HTMLのロード時に、以下のスクリプトを実行しています。

$( document ).ready(function() {
    $('.date').datepicker({
        format: 'm/d/yyyy',
        showWeek: true,
        startDate: 'today',
        autoclose: true,
      });
});

まだブートストラップの日付ピッカー ポップアップが gwt テキストボックスのフォーカスに来ていません。

また、jsファイルを挿入し、JSNIアプローチを使用して、逆の方法を試しました。

それでもうまくいきませんでした..

また、(F12 を使用して) ブラウザー コンソールを開き、上記の JavaScript スニペットを貼り付けると、正常に動作します。

何か設定/構成を行う必要がありますか?

GWT は JavaScript の実行をブロックしていますか???

任意の提案をいただければ幸いです!!!

ありがとう

4

2 に答える 2

1

GWT アプリケーションで Bootstrap を使用する場合は、gwtbootstrap3やgwt -bootstrapなどの既存のライブラリを使用することを強くお勧めします。

ここでの問題は、TextBoxがまだ DOM に追加されていないことが原因である可能性があります。すべてのスクリプトがロードされた可能性がありますが、それはビュー全体が GWT によって作成されたという意味ではありません (その関数に遅延を追加してみて、私が正しいかどうかを確認してください)。ビューに「コールバック」メソッドを追加できます (ビューが使用可能になったときに呼び出されます)。このメソッドは、ホスト ページでメソッドを呼び出しTextBoxますdatepicker。 Bootstrap から、Bootstrap のウィジェットをより GWT の方法でインポートする適切なライブラリを使用することをお勧めします。

于 2015-01-12T10:27:12.430 に答える
0

あなたが含まれていることを確認してください

<script src=".nocache.js"></script>

前 

<script src="bootstrap.min.js"></script>
于 2015-01-14T11:29:38.737 に答える