如何使用Swift 4.2创建searchBar全局搜索可编码JSON数组值?

时间:2019-02-19 12:16:16

标签: json swift tableview uisearchbar

我的场景是,我正在Codable结构的帮助下将JSON数据加载到tableview中。在这里,我尝试使用Searchbar添加storyboard。我不知道如何将self.tableArray数据与搜索栏filtered array同步。请提供一些想法。

我的可编码结构

struct Root: Codable {
    let data: [Datum]
}

struct Datum: Codable {
    let id, userID, country, card: Int
    let category: Int
    let title, description: String
    let createDate
    let user: User

    enum CodingKeys: String, CodingKey {
        case id
        case userID = "user_id"
        case country, card, category, title, description
        case createDate = "create_date"

    }
}

struct User: Codable {
    let firstname, lastname: String
}

我的JSON代码

do {
          let result = try JSONDecoder().decode(Root.self, from:data!)
          self.tableArray = result.data

} catch {
          print(error)
          self.tableArray = []
}

我的Tableview代码

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        //return filteredData.count
        return tableArray.count
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

      let cell = tableView.dequeueReusableCell(withIdentifier: cellReuseIdentifier, for: indexPath) as! CustomTableViewCell

      let item = tableArray[indexPath.row]
      cell.name_label.text = ("\(item.user.firstname) " + "\(item.user.lastname)")
      cell.date_label.text = item.createDate

       return cell
}

SearchBar代码

func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) {
        // When there is no text, filteredData is the same as the original data
        // When user has entered text into the search box
        // Use the filter method to iterate over all items in the data array
        // For each item, return true if the item should be included and false if the
        // item should NOT be included
        filteredData = searchText.isEmpty ? names : names.filter({(dataString: String) -> Bool in
            // If dataItem matches the searchText, return true to include it
            return dataString.range(of: searchText, options: .caseInsensitive) != nil
        })
        tableView.reloadData()
    }

1 个答案:

答案 0 :(得分:1)

首先需要委托搜索栏,因此将其添加到UISearchBarDelegate中。在此方法中,有一个功能可以检查搜索栏中的文本是否更改。是

func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) { }

但是首先您需要声明一个变量。

var isSearching = false

并添加此功能

func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) {

    if searchBar.text == nil || searchBar.text == "" { // 



        isSearching = false
        view.endEditing(true)
        tableView.reloadData()
    }
    else {
        isSearching = true
        newArray = tableArray.filter({ value -> Bool in
            guard let text =  searchBar.text else { return false}
           return value.title.contains(text) // According to title from JSON

        })
        tableView.reloadData()
    }
}
  

newArray是相同的tableArray,但为空。

您需要检查als numberOfRowsInSection。如果不进行修改,则会出现类似Index of out of range

的错误

更改

 func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {

    if isSearching {
        return newArray.count
    }
    else {
           return self.tableArray.count
     }




    return 0
}

更新 :我认为问题出在这部分。您还需要在此处添加isSearching

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

  let cell = tableView.dequeueReusableCell(withIdentifier: cellReuseIdentifier, for: indexPath) as! CustomTableViewCell
   if isSearching{ 
   // Need to change according to newArray
   let item = newArray[indexPath.row]
   cell.name_label.text = ("\(item.user.firstname) " + "\(item.user.lastname)")
  cell.date_label.text = item.createDate

  }
  else {
  let item = tableArray[indexPath.row]
  cell.name_label.text = ("\(item.user.firstname) " + "\(item.user.lastname)")
  cell.date_label.text = item.createDate
  }
   return cell

}