JSプルダウンチェックボックス選択個数制限

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

    1.1 問題説明

    ある場合、例えばデータ量が多い時、プルダウンチェックボックスの選択可能数を制限する必要があります。下記のよう:


    1.2 実現方法

    Javascript文でウィジェット値を取得し、選択された個数を判断して処理を行う。


    2.事例

    2.1 テンプレート作成

    プルダウンチェックボックス」ウィジェットに「クリック」イベントを追加

    1.png

    Javascript文:

    var Num = 0;
    $.each(this.ck_el_array, function(i, item) {
        if(item.isSelected()) {
            Num++;
        }
        if(Num > 3) {
            FR.Msg.toast("最大3個選択できます!");
            item.setSelected(false);
        }
    });

    注意:逆順選択の場合、最後の値をチェックされ、最初の値を外れます。


    2.2 効果確認

    テンプレートを「JSプルダウンチェックボックス選択個数制限.cpt」として保存、プレビューする。

    2.gif

    注意:モバイル側は利用できません


    3.テンプレート

    Attachment List


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