JSウィジェット値をリセット

  • 作成者:ayuan0625
  • 編集回数:29次
  • 最終更新:ayuan0625 于 2021-09-22
  • 1. 説明

    実際運用する時、すべての検索条件をワンクリックでリセット/クリアするニーズがあります。

    1.1 指定されたウィジェットをリセット

    1.gif


    1.2 全てのウィジェットをリセット:

     2.gif


    1.3 実現方法

    • 指定されたウィジェットをリセットする場合、ウィジェットオブジェクトを取得してsetValue("")、setText("")、reset()でリセット。モバイル側はreset()

    • 全てのウィジェットをリセットする場合 form.name_widgetsですべてのウィジェット取得してループでリセット。

    $.each(this.options.form.name_widgets, function(i, item) {
    //ラベルウィジェット以外をリセット
        if(item.options.type !== 'label') {
            item.setValue("");
            item.setText("");
            item.reset();
        }
    });

    2. 事例

    2.1 指定されたウィジェットをリセット

    2.1.1 実現方法

    下記のようなイベントを追加:

    3.png

    Javascript文:

    //ウィジェット「widget1」を取得
    var w_widget1 = this.options.form.getWidgetByName("widget1");
    //ウィジェット「widget1」をリセット
    w_widget1.setValue("");
    w_widget1.setText("");
    w_widget1.reset();

     

    2.1.2 効果確認

    1.gif

     

    2.2 全てのウィジェットをリセット

    2.2.1 実現方法

    下記のようなイベントを追加:

     4.png

    Javascript文:

    $.each(this.options.form.name_widgets, function(i, item) {
    //ラベルウィジェット以外をリセット
        if(item.options.type !== 'label') {
            item.setValue("");
            item.setText("");
            item.reset();
        }
    });

     

    2.2.2 効果確認

    2.gif


    3. テンプレート

    Attachment List


    Theme: FineReport カスタム開発
    • いいね
    • 良くない
    • 閲覧しただけ