ZK:(zk)ウィジェット内にブラウザーウィンドウのサイズ変更リスナーを追加します

就寝時間

ウィジェットコード内でブラウザウィンドウのサイズ変更(イベント)リスナーを登録することは可能ですか?

私は以下を試しました:

//widget code...

bind_: function (desktop, skipper, after) {
    //...
    jq(window).bind('resize', function () {console.log('Hello world 1!'); });
    jq(window).on('resize', function () {console.log('Hello world 2!'); });
    jq(window).resize(function (event) {console.log('Hello world 3!'); });
    $(window).resize(function (event) {console.log('Hello world 4!'); });
    jq.bind('resize', function () {console.log('Hello world 5!'); });
    zk.afterMount(function() {
          jq(window).bind('resize', function () {console.log('Hello world 6!'); });
          jq(window).on('resize', function () {console.log('Hello world 7!'); });
          jq.bind('resize', function () {console.log('Hello world 8!'); });
    });
}, //end of bind

//rest of widget code..

ウィジェット(および私のページコードの残りの部分がロードされた後)の後、ブラウザーウィンドウのサイズを変更してもログは表示されません。

上記のシナリオは単純ですが、一般に、ブラウザーウィンドウのサイズ変更時に特定のウィジェットの動作を追加できます。

zulページを使用したり<script>、HTMLのヘッダーに別の要素を追加したりするオプションがありません

私はSOおよびzkフォーラムを調べましたが、これに対する単純または複雑な本当の答えは見つかりませんでした。

更新:ウィジェットの「バインド」時に呼び出すのは時期尚早のようです。ページ全体(およびすべてのウィジェット)がロードされた後に呼び出された場合、(そしてそのときのみ)サイズ変更リスナーが登録されます。

就寝時間

さらに調査した後、私の問題はいくつかの方法で解決できます。

  1. ZKフォーラムで可能な回答参照してください。
  2. bind内で、ウィンドウロードイベントリスナーを作成し、そこにウィンドウサイズ変更リスナーを作成します。最高ではないかもしれませんが、私のために働きました。
  3. また、onSizeイベントでzWatchを使用することもできます対応するウィジェットに(v / h)flexを付ける必要があると思いますが、100%確信はありません。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

ブラウザウィンドウのサイズが変更された場合に実行するjQueryスクリプトをトリガーします

分類Dev

ユーザーがウィンドウのサイズを変更すると、Pythontkinterウィジェットのサイズが不均一になります

分類Dev

ブラウザウィンドウのサイズが変更されると、ブートストラップ列がオーバーラップします

分類Dev

Pythontkinter-ユーザーがウィンドウを展開したときにウィジェットのサイズを変更する方法

分類Dev

ウィンドウのサイズを変更するときに、ブートストラップグリッド内の要素を中央揃えにする

分類Dev

ウィンドウのサイズを変更するときに、ブートストラップグリッド内の要素を中央揃えにする

分類Dev

ブートストラップ列内のリンクは、ウィンドウのサイズ変更時にクリックできなくなります

分類Dev

ChartJSは、ウィンドウのサイズが変更されるまで、ブートストラップタブ内にグラフを描画しません

分類Dev

ウィンドウサイズ変更イベントは、ページの読み込み時にブラウザの画面幅を検出できますか?

分類Dev

ブラウザウィンドウのサイズを変更してスクリーンショットを撮る

分類Dev

ブラウザウィンドウのサイズを変更せずに、Bootstrap 3グリッドレイアウトを電話およびタブレットとしてプレビューしますか?

分類Dev

ブラウザウィンドウでサイズを変更するためにdiv要素内のフロート画像の行を取得する方法

分類Dev

tkinterアプリウィンドウのサイズ変更/縮小中にウィジェットを表示したままにする方法

分類Dev

ウィンドウサイズに応じて異なる関数をトリガーしますウィンドウのサイズ変更

分類Dev

ウィンドウのサイズ変更時にスライダーJavaScriptをリセットします(jQueryではありません)

分類Dev

LXDE(Openbox):ウィンドウに「コーナーのサイズ変更」を追加

分類Dev

ブラウザウィンドウのサイズを変更すると、レスポンシブナビゲーションバーが表示されない

分類Dev

ウィンドウのサイズを変更すると、左からモーダルカットをブートストラップします

分類Dev

ウィジェットエントリを増やして、kivyスクロールビューウィンドウのサイズを増やします

分類Dev

Tkinterは、ペインウィンドウ内でウィジェットを動的にサイズ変更します

分類Dev

ウィジェットを覆わずにウィンドウのサイズを変更する

分類Dev

Slick-divコンテナ内のスライダー画像はベースのウィンドウサイズのサイズを変更しません

分類Dev

ブートストラップの折りたたみ時にウィンドウのサイズ変更をトリガーする

分類Dev

Divの数は、サイズ変更によりブラウザウィンドウに適合します

分類Dev

Tkinterグリッドマネージャーを使用して、背景画像のサイズをウィンドウサイズに変更します

分類Dev

ブラウザウィンドウのサイズを変更するときにdiv内にテキストを保持する方法

分類Dev

ブラウザウィンドウのサイズ変更中にDiv-containerが移動しています

分類Dev

Visual Studio 2019SSISパッケージデザイナーのタスクエディターウィンドウのフォントを変更します

分類Dev

Visual Studio 2019SSISパッケージデザイナーのタスクエディターウィンドウのフォントを変更します

Related 関連記事

  1. 1

    ブラウザウィンドウのサイズが変更された場合に実行するjQueryスクリプトをトリガーします

  2. 2

    ユーザーがウィンドウのサイズを変更すると、Pythontkinterウィジェットのサイズが不均一になります

  3. 3

    ブラウザウィンドウのサイズが変更されると、ブートストラップ列がオーバーラップします

  4. 4

    Pythontkinter-ユーザーがウィンドウを展開したときにウィジェットのサイズを変更する方法

  5. 5

    ウィンドウのサイズを変更するときに、ブートストラップグリッド内の要素を中央揃えにする

  6. 6

    ウィンドウのサイズを変更するときに、ブートストラップグリッド内の要素を中央揃えにする

  7. 7

    ブートストラップ列内のリンクは、ウィンドウのサイズ変更時にクリックできなくなります

  8. 8

    ChartJSは、ウィンドウのサイズが変更されるまで、ブートストラップタブ内にグラフを描画しません

  9. 9

    ウィンドウサイズ変更イベントは、ページの読み込み時にブラウザの画面幅を検出できますか?

  10. 10

    ブラウザウィンドウのサイズを変更してスクリーンショットを撮る

  11. 11

    ブラウザウィンドウのサイズを変更せずに、Bootstrap 3グリッドレイアウトを電話およびタブレットとしてプレビューしますか?

  12. 12

    ブラウザウィンドウでサイズを変更するためにdiv要素内のフロート画像の行を取得する方法

  13. 13

    tkinterアプリウィンドウのサイズ変更/縮小中にウィジェットを表示したままにする方法

  14. 14

    ウィンドウサイズに応じて異なる関数をトリガーしますウィンドウのサイズ変更

  15. 15

    ウィンドウのサイズ変更時にスライダーJavaScriptをリセットします(jQueryではありません)

  16. 16

    LXDE(Openbox):ウィンドウに「コーナーのサイズ変更」を追加

  17. 17

    ブラウザウィンドウのサイズを変更すると、レスポンシブナビゲーションバーが表示されない

  18. 18

    ウィンドウのサイズを変更すると、左からモーダルカットをブートストラップします

  19. 19

    ウィジェットエントリを増やして、kivyスクロールビューウィンドウのサイズを増やします

  20. 20

    Tkinterは、ペインウィンドウ内でウィジェットを動的にサイズ変更します

  21. 21

    ウィジェットを覆わずにウィンドウのサイズを変更する

  22. 22

    Slick-divコンテナ内のスライダー画像はベースのウィンドウサイズのサイズを変更しません

  23. 23

    ブートストラップの折りたたみ時にウィンドウのサイズ変更をトリガーする

  24. 24

    Divの数は、サイズ変更によりブラウザウィンドウに適合します

  25. 25

    Tkinterグリッドマネージャーを使用して、背景画像のサイズをウィンドウサイズに変更します

  26. 26

    ブラウザウィンドウのサイズを変更するときにdiv内にテキストを保持する方法

  27. 27

    ブラウザウィンドウのサイズ変更中にDiv-containerが移動しています

  28. 28

    Visual Studio 2019SSISパッケージデザイナーのタスクエディターウィンドウのフォントを変更します

  29. 29

    Visual Studio 2019SSISパッケージデザイナーのタスクエディターウィンドウのフォントを変更します

ホットタグ

アーカイブ