ラジオボタンの選択肢を一覧画面で全て表示させる 田中 2014年10月14日 09:10 ラジオボタンを一覧画面で表示すると、選択された項目の値のみが表示されますが、ラジオボタンに設定した選択肢を一覧画面で全て表示させる事は可能でしょうか? 詳細画面でのラジオボタンの表示と同様のものを、一覧画面でも表示する事が出来るととても助かるのですが・・・。 ご存知の方がいらっしゃればご教授頂けると幸いです。よろしくお願い致します。 0
2件のコメント
田中さん
ラジカルブリッジ斎藤です。
ご質問の回答に行く前に、ラジオボタンの選択肢が全て表示されるのは詳細画面ではなく、追加/編集画面という認識でよろしいでしょうか?
同様に、一覧画面でも、各レコードの右側にある鉛筆マーク(編集アイコン)をクリックするとそのレコードが編集モードになり、ラジオボタンのフィールドについては全ての選択肢が表示されるようになります。
ただ、田中さんが書かれているのは、編集モードにしなくても常に一覧でラジオボタンの全ての選択肢が表示されているようにしたいということでしょうか?
私の知る限りでは簡単にできる方法は無いのでJavaScriptでかなり手順を踏んでやらないとできないと思いますが、ざっくり書くと以下の手順かと思います。
1.ラジオボタンの選択肢をJSに埋め込まないのであれば、REST APIのフォーム設計情報取得を用いて該当ラジオボタンの選択肢の全てを取得する。
https://cybozudev.zendesk.com/hc/ja/articles/201941834-%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E8%A8%AD%E8%A8%88%E6%83%85%E5%A0%B1%E5%8F%96%E5%BE%97
2.一覧画面表示時に、下記ページの「レコード一覧で条件書式を設定する」と同様の要領で、ラジオボタンのフィールドの値を全ての選択肢の文字列で書き換えてしまう。
https://cybozudev.zendesk.com/hc/ja/articles/202341944-%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E4%B8%80%E8%A6%A7%E3%81%A7%E6%9D%A1%E4%BB%B6%E6%9B%B8%E5%BC%8F%E3%82%92%E8%A8%AD%E5%AE%9A%E3%81%99%E3%82%8B
但し、上記ページでは文字列の色などを変えているだけなので、フィールド文字列自体の書き換えについては下記ページのソースの
// 入社年月日から在籍年数を表示する
のところを参考にしてみてください。
https://cybozudev.zendesk.com/hc/ja/articles/202640900-%E7%B5%8C%E9%81%8E%E5%B9%B4%E6%95%B0%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B
尚、書き換える文字列は
選択肢1
選択肢2
選択肢3
のようになりますが、実際に各レコードに設定されているラジオボタンの値がわかるように表現しないといけないので、例えば選択肢2が設定されているレコードについては
○選択肢1
●選択肢2
○選択肢3
のような表現になるように文字列を構成することになると思います。
いかがでしょうか?
齋藤様
ご回答ありがとうございます。
・ラジオボタンの選択肢が全て表示されるのは詳細画面ではなく、追加/編集画面という認識でよろしいでしょうか?⇒はい、おっしゃる通りです。
・田中さんが書かれているのは、編集モードにしなくても常に一覧でラジオボタンの全ての選択肢が表示されているようにしたいということでしょうか?⇒はい、おっしゃる通りです。
なるほどです。値を書き換えるのですね、ありがとうございます!
早速実装してみます。またご質問させて頂くかと思いますが、
よろしくお願い致します。