問題タブ [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.
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 処理のバグのように思われます。実際にバグである場合、修正されるまで回避策を提案できますか? あなたの提案/答えに感謝します。ありがとう!
dom - GWTBootstrap3.extras.select: 複数選択のドロップダウン メニューのオープン/クローズ ハンドラーを追加するにはどうすればよいですか?
私の場合、コントロールの複数選択モードを使用しているため、チェックではなくドロップダウンメニューを閉じた直後にいくつかのアクションを実行する必要があります。
fullcalendar - GwtBootstrap3 フルカレンダー
GwtBoostrap3 で FullCalendar のヘッダーを無効にすることは可能ですか? 私が使うとき
ヘッダー headerDisabled = new Header(); headerDisabled.setNoHeader(); GeneralDisplay gd = new GeneralDisplay(); gd.setHeader(ヘッダー);
その後、ヘッダーはまだ表示されています:(私も試しました
それはうまくいきませんでした。
メソッドを実装し
public void dayRender(JavaScriptObject javaScriptObject, Element element)
ましたgd.setViewRenderCallback(新しい ViewRenderCallback()
しかし、このメソッドは決して呼び出されません。セルの高さを更新したいと思います。他にどうすればいいですか?
ご協力ありがとうございました
select - gwt datagrid Bootstrap Select cell (セルが追加/レンダリングされた後に JavaScript を実行する必要があります)
GWT を使用して Web アプリケーションを作成するプロジェクトを継承しました。Bootstrap3 の GWT ラッパーを使用して要素のスタイリングを行います。これは、ほとんどの場合うまく機能しています。Select
現在 GWT を使用している GWTDataGrid
テーブルにBootstrap3 を追加しようとすると、障害が発生しましたSelectionCell
。問題は、 aSelectionCell
が「ブートストラップ スタイル」ではないため、残りの Web アプリケーションのスタイルと一致しないことです。
残念ながら、は GWTインターフェースを実装しておらず、 に追加できるクラスを拡張していないため、Select
を GWT に単純に追加することはできません。サブクラス化と実装により、この問題が修正されます。ただし、が でラップされていない DOM にアタッチされた後に JavaScript 関数を実行する必要があるため、 を適切にレンダリングすることはできません。DataGrid
Select
Cell
Column
DataGrid
Select
Cell
Select
Select
Column
DataGrid
代わりに、 の関数SafeHtmlBuilder
によって にレンダリングされます。render
Cell
Select
はDOMに接続されていないため、関数を手動で呼び出す必要がありますselectpicker
。SafeHtmlBuilder
彼のために、が に追加された後に呼び出す必要がある独自のネイティブ関数を作成しましたDataGrid
。Select
サブクラスが を介してイベントを受け入れ、セルCLICK
をクリックした後にネイティブ関数を呼び出すと、適切にレンダリングされます。Cell
onBrowserEvent
Select
私が理解できないのは、RPC呼び出しによって行が追加された後、selectpicker
関数をプログラムで呼び出して自動的にレンダリングする時期です。Select
さまざまなハンドラーを登録しようとしましたが、役に立ちませんでした。ハンドラーが呼び出され、関数をラップするネイティブ関数selectpicker
も呼び出されますが、HTMLselect
がまだテーブルに追加されていないようです。ブラウザの JavaScript コンソールから切り取った上記の JavaScript を呼び出すこともできます。だからそれはうまくいくはずですが、私は電話するのに適切な場所を見つける必要があります:(
DataGrid
私が使用しているハンドラー:
- addLoadingStateChangeHandler
- addRowCountChangeHandler
DataGrid
また、データに追加する呼び出しが行われた後、別の場所でそれを呼び出そうとしました。繰り返しますが、HTMLselect
は に追加されていないようですtable
。すなわち。への呼び出しの直後に切り取られた JavaScript を呼び出すとmyListDataProviderObject.getList()addAll(my data)
。
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 を起動するようにするにはどうすればよいですか?