前のバージョン3 :JSプルダウンチェックボックス選択個数制限 Back to Doc
編集時間: Doc Length:Image Number:Directory Number: 変更理由:

Catalog:

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.テンプレート编辑