# モバイル版でのアプリ一覧画面のレコード絞り込みについて

**URL:** <https://community.cybozu.dev/t/topic/6781>\
**Category:** kintone 開発相談\
**Created:** [2020 年 9 月 30 日午前 4:18 UTC](https://community.cybozu.dev/t/topic/6781 "2020-09-30T04:18:55Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account753](https://avatars.discourse-cdn.com/v4/letter/l/54ee81/32.png) [@Legacy\_Account753](https://community.cybozu.dev/u/Legacy_Account753)\
**Post date:** [2020 年 9 月 30 日午前 4:18 UTC](https://community.cybozu.dev/t/topic/6781/1 "2020-09-30T04:18:55Z")

</div>

現在、アプリ一覧画面に検索用の入力スペースとボタンを配置し、スペースに入力した検索用コードに該当するレコードのみを表示するカスタマイズを作っています。

PC版のアプリについては上記の通りに動作するカスタマイズを実装できましたが、モバイル版のアプリについて、検索用コードに該当するレコードでの絞り込みがうまくできません。

kintoneヘルプにはモバイル版でできないこととして、レコードの絞り込み条件を指定できないとあり、もしできないのであればスマホやタブレットからPC版を利用する方向で考えていますが、カスタマイズを行うことでモバイル版で絞り込みが可能ならご教授いただきたいです。

以下、実装中のコードを記載させていただきます。

&nbsp;

//検索したいフィールドの設定値  
const FIELD\_CODE = ‘検索コード’;

//レコード一覧表示のイベントハンドラー  
(function () {  
‘use strict’;  
kintone.events.on(“mobile.app.record.index.show”, function (event) {

//GET引数に格納された直前の検索キーワードを取得して再表示  
var result = {};  
//クエリから、URL固定部分(?query=)を無視して取り出す  
var query = window.location.search.substring(7);  
//フィールドコード名と検索キーワードに分割する  
for(var i = 0;i \< query.length;i++){  
var element = query[i].split(‘like’);  
var param\_field\_code = encodeURIComponent(element[0]);  
var param\_search\_word = encodeURIComponent(element[1]);

//空白スペースを取り除いて、配列に格納  
result[param\_field\_code.replace(/^\s+|\s+$/g, “”)] = param\_search\_word.replace(/^[\s|"]+|[\s|"]+$/g, “”);  
}

//検索キーワード  
var search\_word = document.createElement(‘input’);  
search\_word.type = ‘text’;

//検索ボタン  
var search\_button = document.createElement(‘input’);  
search\_button.type = ‘submit’;  
search\_button.value = ‘検索’;  
search\_button.onclick = function () {  
keyword\_search();  
};

//キーワード検索の関数  
function keyword\_search(){  
var keyword = search\_word.value;  
var str\_query = ‘?query=’+ FIELD\_CODE +’ = "’ + keyword;

if(keyword === “”){  
str\_query = “”;  
}else if(keyword !== “”){  
str\_query = ‘?query=’+ FIELD\_CODE +’ = “’ + keyword + '”';  
}

//検索結果のURLへ  
document.location = location.origin + location.pathname + str\_query;  
}

//重複を避けるため要素をあらかじめクリアしておく  
var node\_space = kintone.mobile.app.getHeaderSpaceElement();  
for (var t =node\_space.childNodes.length-1; t\>=0; t–) {  
node\_space.removeChild(node\_space.childNodes[i]);  
}  
var label = document.createElement(‘label’);  
label.appendChild(document.createTextNode(‘検索用コード検索’));  
label.appendChild(document.createTextNode(’ ‘));  
label.appendChild(search\_word);  
label.appendChild(document.createTextNode(’ '));  
label.appendChild(search\_button);

kintone.mobile.app.getHeaderSpaceElement().appendChild(label);

return event;  
});  
})();

---

<div class="post-metadata">

**Author:** ![Legacy\_Account980](https://avatars.discourse-cdn.com/v4/letter/l/a183cd/32.png) [@Legacy\_Account980](https://community.cybozu.dev/u/Legacy_Account980)\
**Post date:** [2020 年 10 月 26 日午前 3:40 UTC](https://community.cybozu.dev/t/topic/6781/2 "2020-10-26T03:40:36Z")

</div>

初めまして！！こんにちは！

私もモバイル版で絞り込みたいと思って探していたのですが・・・

&nbsp;

[https://developer.cybozu.io/hc/ja/articles/202388664](https://developer.cybozu.io/hc/ja/articles/202388664)

↑こちらのページによると、

冒頭に

## &nbsp;

## URL内のクエリで、表示するレコードの条件を指定

- PC用画面のみで利用できます。

&nbsp;

と書かれていますので、モバイルでのアプリ一覧画面のレコード絞り込みは現状ではできないのではないかと思います（＞＜）

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account753](https://avatars.discourse-cdn.com/v4/letter/l/54ee81/32.png) [@Legacy\_Account753](https://community.cybozu.dev/u/Legacy_Account753)\
**Post date:** [2020 年 11 月 2 日午前 7:53 UTC](https://community.cybozu.dev/t/topic/6781/3 "2020-11-02T07:53:22Z")

</div>

juridon様

返信ありがとうございます。やはりモバイル版では絞り込みはできないみたいですね。

絞り込みを行う場合はPC版で行うようにしたいと思います。

&nbsp;