一覧画面で「ボタン」をクリックし、一覧を切り替えたい。

kintone カスタマイズ
1

 

今、一覧画面上にて、

「全国情報」「東エリア」「西エリア」・・・のように

条件ごとの一覧表を複数作成しています。

また、レコード作成者とログインユーザが一致する

「担当者向け」(自分に関係するレコード情報のみを表示する一覧)も作成しています。

 

そこで、

一覧画面上に「ボタン」を設置し、「ボタン」をクリックすると、

「担当者向け」の一覧に切り替わるような仕組みを作りたいのですが、

JSで作成可能でしょうか

2

napol様

お世話になっております。 cstapの江田と申します。

一覧のURL(https:// ****.cybozu.com/k/ ****/?view=*****\ ** )に遷移するボタンを挿入することで実現できるかと思います。

button要素にonClickイベントを追加するなどの方法もありますが、a要素を挿入してcssでボタンのようなデザインに変えるのが一番容易かと思います。

(function(){"use strict";kintone.events.on("app.record.index.show",function(event){varviewId=\*\*\*\*\*\*\*;//担当者向け一覧のviewIdif(event.viewId===viewId)returnevent;kintone.app.getHeaderMenuSpaceElement().innerHTML='\<a href="'+location.href.substring(0,location.href.indexOf("?"))+'?view='+viewId+'"\>担当者別一覧\</a\>';returnevent;});})();

ボタンデザインに関しては、「aタグ ボタン」などで検索すると色々出てくるかと思います。

3

江田さま お世話になっております。

 

作成することができました。

大変助かりました。ありがとうござます。

 

今後とも、よろしくお願いいたします。

4

江田さま お世話になっております。

もう1点お伺いさせていただきたいことがございます。

 

「ボタン」を複数作成する場合は、どのようにすればよいでしょうか？

よろしくお願いいたします。

5

napol様

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

以下のような記述で実装できるかと思います。

(function(){"use strict";kintone.events.on("app.record.index.show",function(event){varviews=[{id:\*\*\*\*\*\*\*,title:"一覧1"},{id:\*\*\*\*\*\*\*,title:"一覧2"},{id:\*\*\*\*\*\*\*,title:"一覧3"},];kintone.app.getHeaderMenuSpaceElement().innerHTML=views.reduce(function(buttons,view){if(event.viewId===view.id)returnbuttons;returnbuttons+'\<a href="'+location.href.substring(0,location.href.indexOf("?"))+'?view='+view.id+'"\>'+view.title+'\</a\>';},'');returnevent;});})();
6

江田さま お世話になっております。

 

ご返信ありがとうございます。

作成できました。

助けていただきありがとうございます。

 

今後ともよろしくお願いいたします。