Привязать запрос Alamofire к табличному представлению с помощью RxSwift - PullRequest
Новая
       49

Привязать запрос Alamofire к табличному представлению с помощью RxSwift

0 голосов
/ 05 октября 2018

Итак, я изучал RxSwift пару дней и пытаюсь создать с ним простое приложение.Я связал searchController моей таблицы с результатами, которые передаются в функцию cellForRowAt.Как связать ответ alamofire с каждой клеткой?Что из этого мне нужно сделать?

  • Используйте RxAlamofire для создания searchResultsArray
  • Измените searchResultsArray на Variable и используйте toObservable?
  • Bindresponse или searchResultsArray для создания каждой ячейки.

Мне нужно использовать следующую функцию: 

.bind(to: self.tableView.rx.items(cellIdentifier: "cell", cellType: UITableViewCell.self)) {  row, element, cell in
    cell.textLabel?.text = "something"
}

Это мой текущий код RxSwift: 

let disposeBag = DisposeBag()
var searchResultsArray = [[String:String]]()  
searchController.searchBar.rx.text.orEmpty.filter { text in
        text.count >= 3
    }.subscribe(onNext: { text in
        searchRequest(search: text, searchType: "t:t") { response in
        self.searchResultsArray = response
        self.tableView.reloadData()
        }
    }).disposed(by: disposeBag)

Это моя текущая функция создания ячеек.showSearchResults изменяется при нажатии кнопки отмены. 

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell: UITableViewCell = {
        guard let cell = tableView.dequeueReusableCell(withIdentifier: "cell") else {
            return UITableViewCell(style: .subtitle, reuseIdentifier: "cell")
        }
        return cell
    }()
    if self.shouldShowSearchResults {
        cell.textLabel?.text = searchResultsArray[indexPath.row]["result"]!
        cell.detailTextLabel?.text = searchResultsArray[indexPath.row]["location"]!
    }

    return cell
}

Это мой текущий запрос API: 

func searchRequest(search: String, searchType: String, completionHandler: @escaping ([[String: String]]) -> ()) {
    let payload: [String: Any] = [
        "q": search,
        "fq": searchType,
        "start": 0
    ]

    let url = URL(string: "https://www.athletic.net/Search.aspx/runSearch")!
    Alamofire.request(url, method: .post, parameters: payload, encoding: JSONEncoding.default).responseJSON { response in
        let json = response.data
        do {
            var searchResults: [[String: String]] = []
            let parsedJson = JSON(json!)
            if let doc = try? Kanna.HTML(html: parsedJson["d"]["results"].stringValue, encoding: .utf8) {
                for row in doc.css("td:nth-child(2)") {
                    let link = row.at_css("a.result-title-tf")!
                    let location = row.at_css("a[target=_blank]")!
                    let schoolID = link["href"]!.components(separatedBy: "=")[1]
                    searchResults.append(["location": location.text!, "result": link.text!, "id":schoolID])
                }
            }
            completionHandler(searchResults)
        } catch let error {
            print(error)
        }
    }
}

Я хотел бы заменить cellForRowAt решением RxSwift.

1 Ответ

0 голосов
/ 05 октября 2018

Исходя из представленного вами кода, использование Rx даст вам что-то вроде этого: 

override func viewDidLoad() {
    super.viewDidLoad()

    searchController.searchBar.rx.text.orEmpty
        .filter { text in text.count >= 3 }
        .flatMapLatest { text in searchRequest(search: text, searchType: "t:t") }
        .bind(to: self.tableView.rx.items(cellIdentifier: "cell", cellType: UITableViewCell.self)) {  row, element, cell in
            if self.shouldShowSearchResults {
                cell.textLabel?.text = element["result"]!
                cell.detailTextLabel?.text = element["location"]!
            }
        }
        .disposed(by: disposeBag)
}

В этом случае shouldShowSearchResults кажется неуместным.Но в остальном это выглядит хорошо.

Выше предполагается, что вы оберните свой searchRequest в функцию, которая возвращает наблюдаемую информацию, подобную этой: 

func searchRequest(search: String, searchType: String) -> Observable<[[String: String]]> {
    return Observable.create { observer in
        searchRequest(search: search, searchType: searchType, completionHandler: { result in
            observer.onNext(result)
            observer.onCompleted()
        })
        return Disposables.create()
    }
}

Выше приведен стандартный шаблон, который оборачивает функцию, которая используетобратный вызов в функцию, которая возвращает Observable.

...