新規投稿
フォローする

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

 

今、一覧画面上にて、

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

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

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

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

 

そこで、

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

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

JSで作成可能でしょうか

0

5件のコメント

Avatar
江田篤史

napol様

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

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

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

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

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

1
Avatar
napol

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

 

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

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

 

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

0
Avatar
napol

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

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

 

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

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

0
Avatar
江田篤史

napol様

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

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

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

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

 

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

作成できました。

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

 

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

 

0
ログインしてコメントを残してください。