前提・実現したいこと
現在、下記画像のようなツリー表示を実現したいです。
仕様としては
・ラジオボタン二択の必須選択
・"個別選択"を選択した場合はチェックボックスによるツリー表示で複数選択可能
・ツリー表示の内容はDBから取得
試したこと
チェックボックス部分のツリー表示内容はDBから取得し、
JSON形式で流し込む予定だったのでfancytreeを使用する予定でした。
しかし、上手くラジオボタンの動きとチェックボックスの動きが共存できなく困っています。
具体的には
①ラジオボタンを2回クリックするとチェックが外れる。(チェックボックスみたいになる)
②チェックボックス含め1個のみ選択可能になる。(ラジオボタンみたいになる)
jstreeなどいろいろ探してみましたが解決しませんでした。
fancytreeでの解決策、他プラグインでの解決策などご教授下さい。
fancytreeのソースです。※②の事象になるソースです。
jQuery
1$("#tree1").fancytree({ 2 checkbox: "radio", 3 icon: false, 4 selectMode: 2, 5 source: [ 6 {title: "全て選択", selected: true, }, 7 {title: "個別選択", radiogroup: false, children: [ 8 {title: "A(10)", checkbox: true}, 9 {title: "B(24)", checkbox: true}, 10 ]} 11 ], 12});
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/11/08 05:38
2018/11/08 06:00
2018/11/08 06:06
2018/11/08 06:40