初めまして、こんにちは。
一覧画面でドロップダウンと検索ボタンを設置しまして、英語単語ABC三つの選択肢があり、検索かけたあと、該当する絞り条件の結果が出るように作りました。
ですが、動作上で基本的に実現できるのですが、検索をかけたあと、ドロップダウンの選択肢が消えてしまい(画像2.3のように)、どちらを選択されたかわからなくなってしまうので、どうやって直せばいいでしょうか。。
ソースは下記のとおりです
(function () {
“use strict”;
kintone.events.on(‘app.record.index.show’, function (event) {
if (document.getElementById(‘company’) !== null) {
return;
}
var eigo = new Kuc.Dropdown(
{items:[
{ label:‘A’,value:‘A’},
{ label:‘B’,value:‘B’},
{ label:‘C’,value:‘C+’},
],
visible: true,
disabled: false,
id:‘status’
});
if(sessionStorage.getItem(“status”)){
$(‘#status’).val(sessionStorage.getItem(“status”));
sessionStorage.removeItem(“status”);
}
var viewid = event.viewId;
var search_button = new Kuc.Button({
text: ‘検索’,
type: ‘submit’,
id:‘search’
});
search_button.addEventListener(‘click’,event=> {
const keyword = eigo.value;
var str_query = encodeURIComponent(‘英語単語 in("’+keyword+‘")’);
if(keyword == “”){
str_query = “”;
}else if(keyword != “” ){
str_query = ‘?view=’+ viewid + ‘&’ + ‘query=’+ str_query;
sessionStorage.setItem(‘status’, keyword);
}
document.location = location.origin + location.pathname + str_query
});
const header = kintone.app.getHeaderMenuSpaceElement();
header.appendChild(eigo);
header.appendChild(search_button);
return event;
});
})();