問題タブ [gwtbootstrap3]

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.

0 投票する
1 に答える
228 参照

css - gwt-bootstrap3 の Select ウィジェットで menuArrow を削除するにはどうすればよいですか?

gwt-bootstrap3 を使用する現在のプロジェクトで、選択ボックスの最後にあるメニュー矢印を条件付きで削除しようとしています。

次のオプションを試しました。

を使用して、API経由でも試しました

fieldName.setShowMenuArrow(false);

このセレクターが無効になっており、選択ドロップダウンでオプションが使用できないことを示したい場合は、主にこのメニュー矢印を無効にしようとしています。

ブラウザーを介して要素を検査すると: 選択ボックスの div 内に他の div/span があり、1 つがメイン セレクター div の子としてネストされていることに気付きました。

<span class="caret"></span>

このクラス名を削除すると、menuArrow を非表示にすることができます。ただし、querySelector を使用してこのキャレット クラスで特定のスパン タグにアクセスし、これが正しいものであることを確認することは (他のそのようなセレクターもあるページ全体から)、少し難しく扱いにくいようです。これは、クロムの inspectElement のスニペットです。 Select要素とスパンをキャレットで検査する

これは、セレクターの menuArrow 処理のバグのように思われます。実際にバグである場合、修正されるまで回避策を提案できますか? あなたの提案/答えに感謝します。ありがとう!

0 投票する
1 に答える
275 参照

dom - GWTBootstrap3.extras.select: 複数選択のドロップダウン メニューのオープン/クローズ ハンドラーを追加するにはどうすればよいですか?

私の場合、コントロールの複数選択モードを使用しているため、チェックではなくドロップダウンメニューを閉じた直後にいくつかのアクションを実行する必要があります。

0 投票する
1 に答える
186 参照

fullcalendar - GwtBootstrap3 フルカレンダー

  1. GwtBoostrap3 で FullCalendar のヘッダーを無効にすることは可能ですか? 私が使うとき

    ヘッダー headerDisabled = new Header(); headerDisabled.setNoHeader(); GeneralDisplay gd = new GeneralDisplay(); gd.setHeader(ヘッダー);

その後、ヘッダーはまだ表示されています:(私も試しました

それはうまくいきませんでした。

  1. メソッドを実装しpublic void dayRender(JavaScriptObject javaScriptObject, Element element) ました

    gd.setViewRenderCallback(新しい ViewRenderCallback()

しかし、このメソッドは決して呼び出されません。セルの高さを更新したいと思います。他にどうすればいいですか?

ご協力ありがとうございました

0 投票する
1 に答える
229 参照

select - gwt datagrid Bootstrap Select cell (セルが追加/レンダリングされた後に JavaScript を実行する必要があります)

GWT を使用して Web アプリケーションを作成するプロジェクトを継承しました。Bootstrap3 の GWT ラッパーを使用して要素のスタイリングを行います。これは、ほとんどの場合うまく機能しています。Select現在 GWT を使用している GWTDataGridテーブルにBootstrap3 を追加しようとすると、障害が発生しましたSelectionCell。問題は、 aSelectionCellが「ブートストラップ スタイル」ではないため、残りの Web アプリケーションのスタイルと一致しないことです。

残念ながら、は GWTインターフェースを実装しておらず、 に追加できるクラスを拡張していないため、Selectを GWT に単純に追加することはできません。サブクラス化と実装により、この問題が修正されます。ただし、が でラップされていない DOM にアタッチされた後に JavaScript 関数を実行する必要があるため、 を適切にレンダリングすることはできません。DataGridSelectCellColumnDataGridSelectCellSelectSelectColumnDataGrid

代わりに、 の関数SafeHtmlBuilderによって にレンダリングされます。renderCell

SelectはDOMに接続されていないため、関数を手動で呼び出す必要がありますselectpickerSafeHtmlBuilder彼のために、が に追加された後に呼び出す必要がある独自のネイティブ関数を作成しましたDataGridSelectサブクラスが を介してイベントを受け入れ、セルCLICKをクリックした後にネイティブ関数を呼び出すと、適切にレンダリングされます。CellonBrowserEventSelect

私が理解できないのは、RPC呼び出しによって行が追加された後、selectpicker関数をプログラムで呼び出して自動的にレンダリングする時期です。Selectさまざまなハンドラーを登録しようとしましたが、役に立ちませんでした。ハンドラーが呼び出され、関数をラップするネイティブ関数selectpickerも呼び出されますが、HTMLselectがまだテーブルに追加されていないようです。ブラウザの JavaScript コンソールから切り取った上記の JavaScript を呼び出すこともできます。だからそれはうまくいくはずですが、私は電話するのに適切な場所を見つける必要があります:(

DataGrid私が使用しているハンドラー:

  • addLoadingStateChangeHandler
  • addRowCountChangeHandler

DataGridまた、データに追加する呼び出しが行われた後、別の場所でそれを呼び出そうとしました。繰り返しますが、HTMLselectは に追加されていないようですtable。すなわち。への呼び出しの直後に切り取られた JavaScript を呼び出すとmyListDataProviderObject.getList()addAll(my data)

0 投票する
1 に答える
399 参照

java - Select および MultipleSelect はイベントを発生させません

私は GwtBootstrap3 0.9.3 で作業しており、UiBinder を使用していくつかのウィジェットを配置しました。クラス org.gwtbootstrap3.client.ui.CheckBox のチェックボックスと org.gwtbootstrap3.client.ui.Button のボタンは正しく機能しています。それらをクリックすると ClickEvents が発生します。

しかし、クラス org.gwtbootstrap3.extras.select.client.ui.MultipleSelect および org.gwtbootstrap3.extras.select.client.ui.Select の選択は、それらをクリックしてもイベントを発生させません。選択を行ったり変更したりするときに、com.google.gwt.event.logical.shared.ValueChangeEvent を発生させるべきではありませんか?

イベントハンドラは次のようになります。

これらのウィジェットをクリックしても、ValueChangeEvent は発生しません。

しかし、プログラムで値を設定すると

ValueChangeEvent が発生し、do.somethinSimple() が呼び出されます。

何がうまくいかないのですか?UI を使用して、これらの選択ウィジェットが ValueChangeEvents を起動するようにするにはどうすればよいですか?