現在Monaca(OnsenUI)とニフクラ mobile backendで掲示板アプリ開発をしています。
(言語はJavaScriptです)
現在、データの登録・取得は問題なく行えているのですが、全データから検索boxに入力したデータだけを抽出して表示させることができません。
現在実装できていること
- 全データから5件だけを引っ張ってきて表示する
実装したいこと
- 検索窓に入力した文字が含まれるデータだけを引っ張ってきて表示させる(部分一致)
以上です。
伝わりづらい表現で申し訳ありませんがどなたか教えていただけないでしょうか。
js
1 page.querySelector('#searchBtn').onclick = function(){ 2 getSearch(); 3 }
js
1//検索機能 2 var getSearch = function(question){ 3 // プログレスダイアログ 4 var modal = document.querySelector('#main_modal'); 5 // 表示 6 modal.show(); 7 //検索画面に入力された文字をfetchしてくる 8 var question = new Question(); 9 var inputSearch = document.getElementById("inputSearch").value; 10 console.log("OK") 11 //var inputSearch = new InputSearch({userName: currentUser}); 12 13 Question 14 //.equalTo("title", inputSearch) 15 .limit(5) 16 .fetchAll() 17 .then(function(data2){ 18 //main.htmlに検索で取得したデータを表示させる(DOM操作) 19 var dom = '<ons-list-header>'+ data2.length +'件</ons-list-header>'; 20 for (var i=0; i<data2.length; i++) { 21 var question = data2[i]; 22 var id = question.get("objectId"); 23 var title = question.get("title"); 24 var user = question.get("userName") 25 var userName = user.userName; 26 var createDate = question.get("createDate"); 27 var dateString = makeDate(createDate); 28 29 dom = dom + '<ons-list-item id ="'+ id +'" modifier="longdivider" onclick="toDetailPage(this)" tappable><div class="center">' 30 + '<span class="list-item__title">' 31 + title 32 + '</span><span class="list-item__subtitle">' 33 + '投稿日: ' + dateString 34 + ' 投稿者: ' + userName 35 + '</span></div></ons-list-item>'; 36 37 document.getElementById("questionList").innerHTML = dom; 38 console.log("検索成功"+JSON.stringify(question)) 39 modal.hide(); 40 } 41 modal.hide(); 42 }) 43 .catch(function(error){ 44 console.log("検索失敗"+JSON.stringify(error)) 45 modal.hide(); 46 }) 47 }
html
1 <ons-search-input id="inputSearch" class="center" placeholder="Search"></ons-search-input> 2 <ons-button id="searchBtn" class="right" modifier="quiet">検索</ons-button>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。