【複数ボタンを設置 】各ボタンごとに違う一覧を設定

kintone カスタマイズ
1

お世話になっております。
タイトルの件について、下記トピックを参考に一覧ビューに複数のボタンを設置して
各ボタンごとに違う一覧を表示したいと考えております

複数ボタンを設置
https://developer.cybozu.io/hc/ja/community/posts/115017922323-%E8%A4%87%E6%95%B0%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%A8%AD%E7%BD%AE

一覧画面で「ボタン」をクリックし、一覧を切り替えたい。
https://developer.cybozu.io/hc/ja/community/posts/360000007183-%E4%B8%80%E8%A6%A7%E7%94%BB%E9%9D%A2%E3%81%A7-%E3%83%9C%E3%82%BF%E3%83%B3-%E3%82%92%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E3%81%97-%E4%B8%80%E8%A6%A7%E3%82%92%E5%88%87%E3%82%8A%E6%9B%BF%E3%81%88%E3%81%9F%E3%81%84-

上記ではすでにaタグで実装はできてはいるのですが、複数のボタンに一覧切り替えだけではなく、
ボタンをクリックして一覧画面で一括更新も持たせたいと考えております。
そのため、ボタンでの実装を考えております

(function() {
      kintone.events.on(‘app.record.index.show’, function(event) {
           // 増殖バグを防ぐ
           if (document.getElementById(‘my_index_button’) !== null) {
               return;
           }

          var myIndexButton = document.createElement(‘button’);
          myIndexButton.id = ‘my_index_button’;
          myIndexButton.innerHTML = ‘一覧のボタン’;

          // ふたつめのボタン
          var myIndexButton2 = document.createElement(‘button’);
          myIndexButton2.id = ‘my_index_button2’;
          myIndexButton2.innerHTML = ‘一覧のボタン2’;

        // 作成したボタンを追加          kintone.app.getHeaderMenuSpaceElement().appendChild(myIndexButton);
kintone.app.getHeaderMenuSpaceElement().appendChild(myIndexButton2);
        });
})();

上記のコードで複数のボタンを設置まではできました…
各ボタンをクリックして一覧を切り替える方法がわからず…
どのようにコードを書けば、各ボタンに一覧ビューを割り当てられるかわからず…
もしよければご教示していただければ幸いでございます。

Javascript初心者です…

 

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

 

2

miyamotoさん

下記のような感じで、作成したボタンの onclick 処理で画面を遷移させることで、

希望の処理ができるかと思います。

 

一覧ボタン押下時にポータルへ画面遷移させる例

対象の一覧のURLは画面を開くなどで、確認してください。

myIndexButton.onclick = function() {
window.location.href = ‘https://<ドメイン>.cybozu.com/k/#/portal’;
}

 

3

サクラエビ様

お世話になっております

 

ご教示して頂いた通りのソースで、希望の処理ができました。

ありがとうございました。