問題タブ [uibinder]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
gwt - UIBinder でキー押下イベントをキャッチする方法
GWT + UiBinder では、次のようなクリックをキャッチできます。
押されたキーに相当するものはありますか? たとえば、ユーザーが ESC キーを押すと、アクションがキャンセルされます。
どうもありがとう。
gwt - UIBinderを取得して、divではなくスパンを取得しようとしています
UiBinderを使用してウィジェットを作成していますが、それを囲む必要があります<span />が、UiBinderは私にしか提供しません<div />。例<g:HTMLPanel />=> <div />。HorizonPanel、FlowPanel、VerticalPanelものみを提供し<div />ます。
誰かが解決策を知っていますか?
java - GWT2.0レイアウト/uibinderの世界でのみcssを使用して画面上のオブジェクトを中央に配置
インターネットには、cssを介して画面の中央に何かを配置する方法がいくつかあります(-veマージン、テーブルセルハックなど)。ネイティブのgwt2.0レイアウトパネル/ウィジェットを使用したいと思ったときは、これまで非常に満足していました。アプリが次にユーザーを送信する場所を見つけようとするまで、「ロード画面」を実行して回転する円を表示するとします(バックグラウンドで、アプリはユーザーがログインしているかどうかをチェックしています)。
私はgwtuiBinderxmlにこのコードを持っています:
基本的には画面中央に縦横に画像を表示したいです。
スクリプトgetWidth/setHeightなどを使用せずにそれを実現するための優れたアイデアはありますか?
ありがとう。
gwt - GWT UIBinderページをメッセージで国際化するにはどうすればよいですか?
UIBinderアプリケーションをプロパティファイルで国際化しようとしています。com.google.gwt.i18n.client.Messagesインターフェース(GWT 1.7.1)によってすでに多くの翻訳が公開されているため、これらのメッセージを再利用したいと思います。
私は以下を試しました:
MessageConstantsクラスは次のようになります。
ただし、これは機能しません。これどうやってするの?
events - UIBinder レイアウトを使用した GWT パネル間での対話
ここでGWTを初めて...
私は UIBinder アプローチを使用してアプリをレイアウトしていますが、GWT Mail サンプルのスタイルにやや似ています。アプリは、onModuleLoad() メソッド内で RootLayoutPanel に追加された DockLayoutPanel で開始します。DockLayoutPanel には、次のように定義されたカスタム センター ウィジェットを使用して、静的な北と静的な南があります。
このカスタム ウィジェットは、BigLayoutWidget.ui.xml を使用してレイアウトされます。これは、TabLayoutPanel (3 つのタブ) で構成されます。最初のタブには、WEST (Shortcuts.ui.xml) と CENTER (Workpanel.ui.xml) に分割された SplitLayoutPanel が含まれます。 )。ショートカットは、それぞれ独自の ui.xml ファイルで定義された 3 つのスタックを持つ StackLayoutPanel で構成されます。
Shortcuts の個々のスタックの 1 つのクリック イベントで Workpanel の内容を変更したいのですが、これまでのところ、同じクラス内のウィジェットしか操作できませんでした。最も単純なケースを使用すると、Workpanel の内容をクリアしたり、WorkPanel を非表示にしたりするためにショートカットを使用してボタンをクリックすることはできません。
いくつかの質問...
- ResizeComposite は、これを拡張する適切なタイプのクラスですか? 私はTopPanel、MailListなどのメールの例からのアプローチに従っているので、そうではないでしょうか?
- これらのクリックで、それらが存在しないパネルのコンテンツを操作するにはどうすればよいですか?
- イベントの処理にリスナーは推奨されなくなりましたか? コンパイル中にどこかで ClickHandlers が最近使用され、クリックリスナーの「サブスクリプション」アプローチが非推奨になっているのを見たと思いました (私は主に @UiHandler アノテーションを使用しています)。
- アプリ/ページ内の特定の要素を簡単に取得する方法はありますか? (UI.XML ファイルに「ID」フィールドを適用すると、非推奨の警告が生成されます)。特定の要素へのハンドルを取得する document.getElementById() のようなものを探しています。それが存在する場合、要素にハンドル/ID を設定するにはどうすればよいですか?また、その要素を名前/ID で呼び出すにはどうすればよいですか?
レイアウト自体はかなりうまくできていることに注意してください。ある ui.xml のモジュール化されたパネルから次のパネルへの相互作用は、私にはまったくわかりません。
前もって感謝します。
css - cssURLでのClientBundleイメージリソースの使用
私はGWTでアプリケーションを構築していて、UIBinderを使用してアプリにプラグインしたグラフィックデザイナーのスキンを持っていて、それは美しく機能します。ここで、ClientBundleを使用してすべての画像をバンドルしたいと思います。
これらの画像のメイヌは、cssファイルで使用されています。
.nav {background:url(nav_bg.jpg)左上の繰り返し-x; 高さ:27px; clear:both;}
このcssの前に、バンドルを含めるためのタグを定義しました。
ClientBundleのImageResourceを使用するようにcssエントリを変更するにはどうすればよいですか?私はすべてのhtmlタグに対してインラインスタイルを実行できると思いますが、それはひどい分離と多くの余分な作業です。
uibinderファイルのhtml部分(たとえば、)でImageResourcesを正常に使用しましたが、cssでこれを行う方法がわかりません。私はブロックにcssをインライン化したことさえありますが、それでもこれを行う正しい方法がわかりません。
助言がありますか?
css - UiBinder FlexTable スタイル
行ごとに異なるスタイルを追加したいのですが、どの方法が最適ですか?
私はこれを試しています(動作しません、エラーはありませんが変更はありません):
- 2 つのインターフェース:
public interface StatisticsTableResources は ClientBundle を拡張します {
}
パブリック インターフェイス StatisticsTableCss は CssResource を拡張します {
}
- CSS
.tableOddRow { 背景色: #aeaaa2; 青色; }
- スタイルの適用
ftStatistics.getRowFormatter().addStyleName(i, StatisticsTableResources.INSTANCE.css().tableOddRow());
css - GWT UiBinder がスタイルシートをロードしない
UiBinder を使用して GWT ウィジェットを作成したいと考えていました。だから私は作った:
UserPanel.ui.xml は次のようになります。
UserPanel.css は次のようになります。
および UserPanelResources.java のように:
すべてが正常にコンパイルされるため、すべてのファイルとパッケージが所定の場所にあります。しかし、開発モードを実行すると、スタイルが適用されません! さまざまなアプローチを試しましたが、まだうまくいきません。
私が気づいたのは、HTML では、VerticalPanel に GWT によって難読化されたクラス名が付けられていることですが、CSS はブラウザーに送信されません。実際、GWT はそれを要求することさえありません。
何か不足していますか?
gwt - GWT - uibinder xml ファイルでレイアウト階層外のウィジェットを定義する方法
これは私の最初の投稿です。誰かが私を助けてくれることを願っています。
レイアウト階層の一部にならずに、UiBinder XML レイアウト ファイルでウィジェットを個別に定義する方法を探しています。以下に小さな例を示します。
ui:UiBinder 要素は子要素を 1 つしか想定していないため、コンパイルは失敗します。
Java コードでは、通常どおり Label ウィジェットにアクセスしてバインドします。
たとえば、これは、Grid または FlexTable を定義するときに役立ちます。コード内でプログラムによってではなく、XML レイアウト ファイル内でテーブル ヘッダーのラベルを定義したいのです。
よろしくお願いします
gwt - UiBinderウィジェットを取得して、ブロックではなくインラインで表示する
UiBinderで定義されたウィジェットをインラインで表示しようとしていますが、できません。私の現在のコードは次のとおりです。
これは、ウィジェットが内部的にどのように見えるかという点では問題なく機能しますが、これらのウィジェットの束をFlowPanelにスローして、ウィンドウのサイズが変更されたときにフローさせたいと思います。HTMLPanelはdivですが、割り当てるdisplay属性を取得できません。次のエラーがスローされるため、スタイル名を強制することはできません。
また、追加のスタイルを割り当てることはできますが、表示設定は適用されません。
これにより、境界線が表示され、期待どおりにサイズが設定されますが、流れません。Firebugは、divのスタイルがborder、width、およびpaddingであることを示していますが、表示されていません。
UiBinderでウィジェットを作成して、ブロックではなくインラインで表示する方法はありますか?もしそうなら、VerticalPanelを内部に持つことと互換性を持たせることができますか(ウィジェット全体をGWTウィジェットなしで純粋なHTMLにすることなくそれを行うことができますか?)
PS:質問2257924を見ましたが、最近は回答がありません。彼は、特にインラインレイアウトを取得するのではなく、タグを取得することに重点を置いているようです。直接気にする必要はありません。ウィジェットのトップレベルのタグをインラインで流すことができれば、嬉しいです。