問題タブ [gwt-bootstrap]

I'm investigating the best practices to use Bootstrap library with GWT. I prefer not use the GWT-Bootstrap project and prefer to use plain css and js Bootstrap library in my GWT app.

I'm searching how i can apply Bootstrap style to GWT UI components? do i need to do this in the UI view code by working on the DOM Elements of GWT components ? or is there any other clean way to achieve this integration of GWT and Bootstrap?

https://github.com/gwtbootstrap/gwt-bootstrapから GWT zip の Twitter Bootstrap をダウンロードしました。私は GWT を初めて使用し、Eclipse でライブラリを使用する方法に関する適切なドキュメントやチュートリアルをまだ見つけていません。

のコントロール セクションで 2 つのコントロール (つまりCheckboxとNav)を水平方向に配置しようとしています。Controlgroupただし、縦方向の配置を防ぐ方法が見つかりません。

「インライン」を使用すると、2 つのチェックボックスを横方向に並べることができます。ただし、この場合、チェックボックスと Nav を水平方向に揃えたいと考えています。また、Nav は Inline をサポートしていません。デフォルトでは、リストボックスも aControlのグループで水平に配置されていることに気付きました

UIBinderを使用して、Bootstrapを使用してGWTアプリにテーブルを追加しようとしています。私が理解したところによると、GWT-Bootstrapに移植されたある種のテーブルがありますが、どれを使用するのか、どのように使用するのかわかりません（ドキュメントも見つかりませんでした）。

もちろん、Bootstrapスタイルでこのようなものが欲しいです：

ありがとう！

私はgwtbootstrapを使用しようとしていますが、プロジェクトに CellTables の例を実装しています。Vaadin 6.8.8、GWT 2.5.0、および Maven 2.2.1 を使用しています

ウィジェットセットをコンパイルしようとすると、次の警告が表示されます。

クラスパスに validation-api-.jar と validation-api--sources.jar がありますか?

そしてこのエラー：

タイプ javax.validation.ConstraintViolation を解決できません。必要な .class ファイルから間接的に参照されている

さて、私はすべてを試してみます!! Stackoverflow と Web からの非常に多くのソリューション。javax 依存関係を pom.xml に追加することから、.jar をクラスパスに追加することまで。

gwtbootstrap が javax.validation で動作するように見えるのはなぜですか? また、プロジェクトに javax.validation を追加できないのはなぜですか?

ボタンがクリックされたときに表示したい単純なモーダルがあります。

これが私がモーダルを表示するために使用しているコードです

モーダルが画面に表示されていなくても、コンソールにログオンしたメッセージは前者です。つまり、モーダルが正常に表示されました。

私はfirebugで掘り下げましたが、ボタンがクリックされる前にレンダリングされたHTMLは

ボタンをクリックすると、次のように変わります。

最初のdivには、設定した高さと幅が適用され、aria-hiddenもクリアされますが、実際にモーダルを含む子divは影響を受けません。

子divにも変更を適用するようにGWTに指示する方法がわかりません。誰かがこれを手伝ってくれますか？

編集：これは私のModalDialogDemo.ui.xmlです

私は次のgwt-bootstrapui.xmlを持っています：

先行入力項目の「クリック時」の提案された応答をプログラムで取得し、それをテキストとして検索ボックスに設定するにはどうすればよいですか？

CellTableに表示されるデータがいくつかあり、列の1つはクリック可能です。その列をクリックすると、それに関連付けられたデータがModal内の別のCellTableに表示されます。

このためにUIBinder要素を設定しました。

FieldUpdaterで、UIBinder要素の新しいインスタンスを作成します。閉じた後、破棄するか、から削除しDOMます。この要素にはGWTブートストラップモジュールがあります

ここで何が起こるかというと、それは非表示になり、クリックすると新しいインスタンスが作成されます。これは、データのサイズが大きくなり、アプリケーションを長期間使用する場合に問題になると思います。

既存の要素を再度開く方法、または閉じた要素を破棄する方法を知りたいのですが。のようなイベントは見つかりませんでしたonClose

プロジェクトに GWTBootstrap Modal を使用していますが、幅が狭すぎて好みに合わないという問題があります。

firebug で取得するスタイルを調べたところ、これを見ました

Webapp/css ディレクトリに移動し、次の変更を加えましたbootstrap.min.css

ただし、gwt コンパイラによって上書きされます。

次にこれを参考に cssファイル custom-overrides.css を作成しました

それ も機能<stylesheet src="/custom-overrides.css" />しgwt.xml ません.Eclipseは、コンパイル時にファイルが変更または削除されたことを警告します。

モーダルを作成する UIBinder ファイルにも同じ変更を加えようとしました。

それもうまくいきません。困惑しています。自分のスタイルを適用するにはどうすればよいですか?

タブレット用の Web アプリケーションを作成しています。私は最初に自分でcssをコーディングします。ここで、gwt-bootstrap を使用するウィジェットをいくつか追加しました。さて、gwt-bootstrap には次のようなメソッドがあることがわかりました。setHideOn(Device.PHONE)

私は今、そのようなメソッドをアプリ全体に追加して、応答性を高めようとしています。どのように処理すればよいですか？