teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

全体的に変更

2020/07/29 07:11

投稿

mnm1995
mnm1995

スコア2

title CHANGED
@@ -1,1 +1,1 @@
1
- Monaca×NCMBでの検索機能実装の際にReferenceError消えな
1
+ Monaca×NCMBでの検索機能実装の際に検索ワードに該当するデータだけを引っ張ってきたいのですどう設定すれば良のかわかりません
body CHANGED
@@ -3,16 +3,17 @@
3
3
 
4
4
  現在、データの登録・取得は問題なく行えているのですが、全データから検索boxに入力したデータだけを抽出して表示させることができません。
5
5
 
6
- エラー内容
7
- ```
8
- ReferenceError: InputSearch is not defined
9
- at getSearch
6
+ ### 現在実装できていること
10
- ```
7
+ * 全データから5件だけを引っ張ってきて表示する
11
8
 
12
- どなか教えてただけないでしょうか。
9
+ ### 実装したいこと
10
+ * 検索窓に入力した文字が含まれるデータだけを引っ張ってきて表示させる(部分一致)
13
11
 
12
+ 以上です。
13
+ 伝わりづらい表現で申し訳ありませんがどなたか教えていただけないでしょうか。
14
14
 
15
15
 
16
+
16
17
  ```js
17
18
  page.querySelector('#searchBtn').onclick = function(){
18
19
  getSearch();
@@ -27,15 +28,39 @@
27
28
  // 表示
28
29
  modal.show();
29
30
  //検索画面に入力された文字をfetchしてくる
30
- //var question = new Question();
31
+ var question = new Question();
31
32
  var inputSearch = document.getElementById("inputSearch").value;
33
+ console.log("OK")
32
34
  //var inputSearch = new InputSearch({userName: currentUser});
33
35
 
36
+ Question
34
- Question.equalTo("title", inputSearch)
37
+ //.equalTo("title", inputSearch)
35
- .order('createDate')
38
+ .limit(5)
36
39
  .fetchAll()
37
- .then(function(){
40
+ .then(function(data2){
41
+ //main.htmlに検索で取得したデータを表示させる(DOM操作)
42
+ var dom = '<ons-list-header>'+ data2.length +'件</ons-list-header>';
43
+ for (var i=0; i<data2.length; i++) {
44
+ var question = data2[i];
45
+ var id = question.get("objectId");
46
+ var title = question.get("title");
47
+ var user = question.get("userName")
48
+ var userName = user.userName;
49
+ var createDate = question.get("createDate");
50
+ var dateString = makeDate(createDate);
51
+
52
+ dom = dom + '<ons-list-item id ="'+ id +'" modifier="longdivider" onclick="toDetailPage(this)" tappable><div class="center">'
53
+ + '<span class="list-item__title">'
54
+ + title
55
+ + '</span><span class="list-item__subtitle">'
56
+ + '投稿日: ' + dateString
57
+ + ' 投稿者: ' + userName
58
+ + '</span></div></ons-list-item>';
59
+
60
+ document.getElementById("questionList").innerHTML = dom;
38
- console.log("検索成功"+JSON.stringify(question))
61
+ console.log("検索成功"+JSON.stringify(question))
62
+ modal.hide();
63
+ }
39
64
  modal.hide();
40
65
  })
41
66
  .catch(function(error){

1

question→QuestionにしたらreferenceErrorは消えました!ただ、検索窓に入力したデータだけを取得することができません。。

2020/07/29 07:11

投稿

mnm1995
mnm1995

スコア2

title CHANGED
File without changes
body CHANGED
@@ -31,7 +31,7 @@
31
31
  var inputSearch = document.getElementById("inputSearch").value;
32
32
  //var inputSearch = new InputSearch({userName: currentUser});
33
33
 
34
- question.equalTo("title", inputSearch)
34
+ Question.equalTo("title", inputSearch)
35
35
  .order('createDate')
36
36
  .fetchAll()
37
37
  .then(function(){