更新日:2017年4月7日
「運転時認知障害早期発見チェックリスト30」とは
日常生活の中では気づきにくい初期の認知機能の衰えも、自動車を運転する行為には比較的表れやすく、この認知症予備群とも言える軽度認知障害の人が運転時に表われやすい事象をまとめたものが、「運転時認知障害早期発見チェックリスト30」です。 同リストにより5項目以上チェックが入る人は、認知機能の病的障害を念頭に専門機関で診てもらうなどの目安として活用し、安全運転に心がけて下さい。 さぁ!それではやってみよう!
- 脳が萎縮!? 夫婦げんかが子どもに与える影響とは - NHK クローズアップ現代+
脳が萎縮!? 夫婦げんかが子どもに与える影響とは - Nhk クローズアップ現代+
selections}" layout = "pageDirection" >
縦並びの見た目は・・・正直微妙ですね。これだったら標準UIの方が使いやすいと思います。
を使わずにチェックボックスを表示する
ではチェックボックスを横か縦に1列でしか並べられない。チェックボックスの数が少なければいいのだけれど、多いと見た目がイマイチ。
ということでを使わずにチェックボックスを表示して、の columns 属性で列数を制御してみることにします。
下記のような感じに書き換えてみました。SelectOptionのリストではなく、選択値のラベル/値/選択状態で構成される自作クラスのリストを作って、でグルグル回して表示しています。Apexクラスはけっこう変わったけどベースとなる書き方はあまり変えていません。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
< apex: page id = "pg" controller = "MultiSelectSampleController" > < apex: form id = "frm" > < apex: pageBlock id = "pb" title = "サンプル" > < apex: pageBlockSection id = "pbs" title = "居住経験" > < apex: repeat var = "sList" value = "{! 脳が萎縮!? 夫婦げんかが子どもに与える影響とは - NHK クローズアップ現代+. selectionList}" > < apex: outputText value = "{! }" > < apex: inputCheckbox value = "{! }" / > < / apex: outputText > < / apex: repeat > < / apex: pageBlockSection > < apex: pageBlockButtons > < apex: commandButton value = "ボタン" action = "{!
debug ( 'label=' + selection. label + ', value=' + selection. value);}}}}
とりあえずこの状態でこんな見た目になります。
はデフォルト2列表示なので、あとは columns 属性で8列表示くらいにしてあげればイイ感じかな。
< apex: pageBlockSection id = "pbs" title = "居住経験" column = "8" >
で、できた見た目がこれ。
なんだこれ!4列目以降がグシャってなってる! これ、のAPI仕様をよく読んでみると、 columns 属性の説明にこんなことが書いてありました。 Visualforce 開発者ガイド apex:pageBlockSection
pageBlockSection には 1 つ以上の列を指定できますが、 Salesforce スタイルシートは 1 つまたは 2 つの列に対して最適化されています 。
まじか!整って表示されるのは2列までってか。
勉強になったぜバカヤロウ。
素直にスタイルをあててみる
ちょっと変則的なことをやろうとしたら、やっぱりちゃんとcssを書いてあげないとダメみたいですね。サクッとできると思ったら意外と手間取ってしまいました。
結局配下でやろうとすると上手くいかないので、も取っ払って、下記を参考にスタイルをあててみます。 リキッド・レイアウトでチェックボックスを綺麗に並べる
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
< apex: page id = "pg" controller = "MultiSelectSampleController" > < html > < head > < / head > < body > < apex: form id = "frm" > < table > < tr > < td > < div id = "sample2" > < apex: repeat var = "sList" value = "{!