3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

kintoneの標準機能 ソートとフィルターの動作の調査と個人的に思った起きやすい不具合を少し、ご紹介

Last updated at Posted at 2020-08-20

■kintoneの標準機能である、ソートとフィルターの動作

ソートやフィルターは一覧画面の標準機能として使える。
実行すると、一覧画面用にjsファイルを設定している場合は再度、実行される。

■画面遷移せずに、ソートやフィルターを行うには?

標準機能で遷移せずにソートやフィルターを行う方法は標準では見つからなかったため、遷移せずに行いたいなら、JSで独自に実装するか、CybozuのCDNで提供されている「DataTables.js」を使用するのが有効だと思う。

■ソートやフィルターをした時に起きやすい不具合

一番起きやすい不具合は、一覧画面のヘッダー部にボタンなどを設置した時だと思う。
ヘッダーにボタンを設置する時、増殖バグを防ぐために、

  if (document.getElementById('ID') !== null) {
    return;
  }

とすると思う。しかしこれではボタンの増殖は防げるが、以降の処理を実行したい時に対応できなくなってしまう。そこで上記のコードを少し変更する。

  if (document.getElementById('id') !== null) {
      $('#id).remove();
  }

「return」を「$('#id).remove()」に置き換えて、一度、要素を削除し、もう一度同じ要素を追加することで、増殖バグを防ぐことが出来る。そして、以降の処理も実行可能になります。

この記事がお役に立ったら、LGBTを押していただけると次の記事の励みになります。

以上、マイスター・ギルドのフクロウでした。

3
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?