一覧画面へのテキストボックス等の表示

kintone カスタマイズ
1

お世話になっております。

一覧画面のヘッダ部分にボタンや文字を表示できることは過去の記事で学んだのですが、テキストボックスやドロップダウンやラジオボタン等も表示できるのでしょうか。

また、表示した文字を改行することは可能なのでしょうか。

可能であれば、JavaScriptでの記述方法をお教えいただきたいです。

お手数ですが、ご教示をよろしくお願いします。

2

小林様

お世話になっております。
cstapの江田です。

可能です。
方法は様々ですが、innerHTMLを使うのが簡単かと思います。
要素内のHTMLを直接書き換えるので、HTMLの知識さえあれば書けます。

書き方は
kintone.app.getHeaderMenuSpaceElement().innerHTML = ‘HTMLコード’;
のような形です。

例えばテキストボックスであれば、
kintone.app.getHeaderMenuSpaceElement().innerHTML = ‘<input type=“text”>’;
となります。

ラジオボタン等についても、HTMLコードを直接記述して作成できます。
こちらのページの入力フォームという項目を参考にするとよいと思います。
http://www.htmq.com/html/indexm.shtml

また、文字の改行は<br>タグでできます。
kintone.app.getHeaderMenuSpaceElement().innerHTML = ‘あいうえお<br>かきくけこ’;

3

江田様

ご回答ありがとうございます。

お教えいただいたコードでうまく設定できました。ありがとうございました。

もう一つ伺いたいのですが、設置したテキストボックスに入力された値を取得するにはどのようなコードを記述すればよろしいのでしょうか。

お手数ですが、よろしくお願いします。

4

小林様

お世話になっております。
idを指定しておいて「getElementById()」にて取得するのが簡単かと思います。

// テキストボックス作成
kintone.app.getHeaderMenuSpaceElement().innerHTML = ‘<input type=“text” id=“myInputText”>’;

// value取得
var a = document.getElementById(‘myInputText’).value;

5

江田様

お教えいただいた「getElementById()」で取得することができました。

大変助かりました、ご回答ありがとうございました。

6

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。