如何使用Swift3从Firestore集合中使用检索到的数据填充TableView

时间:2018-04-09 02:21:47

标签: ios swift uitableview firebase google-cloud-firestore

我对使用swift(和一般编码)的IOS开发真的很陌生,我想知道如何使用从Firestore文档中检索到的数据填充我的tableview单元格。

我正在开发的应用程序是一个用于练习的个人项目,它是一个基本的新闻应用程序,它将从firestore集合中加载文档。我试图加载信息的集合被称为" news"

首先是我迄今为止所取得的成就:

//So first I have a struct                

struct Jobs {
var title:String
var description:String 
}

class JobsTableViewController: UITableViewController {

var db:Firestore!
var jobs: Jobs?
var numOfCells = 0



override func viewDidLoad() {
    super.viewDidLoad()
    db = Firestore.firestore()
    loadData()

    DispatchQueue.main.async {
        self.tableView.reloadData()
    }
  }

  func loadData(){


    db.collection("news").getDocuments { (querySnapshot, error) in
        if let error = error
        {
            print("\(error.localizedDescription)")
        }
        else
        {

             for document in (querySnapshot?.documents)!
             {
                if let Title = document.data()["title"] as? String
                {
                    print(Title) //I have this here to see if the new was being retrieved and it was.

                    self.title = Title 
                    self.numOfCells += 1


                }

             }

            DispatchQueue.main.async
            {
                self.tableView.reloadData()
            }

        }
    }

}

    override func numberOfSections(in tableView: UITableView) -> Int {

    return 1
}

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

    return numOfCells
}

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

    let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath)
    cell.textLabel?.text = title
    return cell
}

So when I run the simulator this is my main screen

" news"中有3个文件。收集时,这三个应该在Jobs TAB中显示,当我点击它并加载时(我在Jobs选项卡中显示了新闻,因为我首先想看看我是否真的能够检索数据,而且我害怕搞乱我已经在新闻中获得的代码了。

当我切换到“作业”标签(我们的数据的表格视图所在的位置)时,I get something like this

如果您注意到我的标签栏的名称也从“作业”更改为已重新检索的文档标题。

In my console it shows all 3 documents have been retrieved

所以我的问题是:

1)如何在tableview中将所有文档检索到单个单元格中?

2)如何使标签栏不会将其文本(如上所示)更改为文档标题?

3)我的代码究竟出了什么问题,为什么它出错了呢?

4)我可以对代码做出哪些改进,为什么有必要? (就像我说我只是学习所有这些)。

奖金问题:

5)当点击一个单元格时,如何让标题和描述出现在弹出窗口中。

谢谢。

2 个答案:

答案 0 :(得分:1)

全局创建一系列职位

var jobsArray = [Jobs]()

从加载数据中的db填充数组

for document in (querySnapshot?.documents)! {
    if let Title = document.data()["title"] as? String {
        print(Title) 
        //self.title = Title 
        let job = Jobs()
        job.title = Title

        jobsArray.append(job)
        //self.numOfCells += 1
    }
}

使用数组填充tableview

override func numberOfSections(in tableView: UITableView) -> Int {

    return 1
}

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

    return jobsArray.count
}

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

    let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath)
    let job = jobsArray[inedexPath.row]
    cell.textLabel?.text = job.title
    return cell
}

答案 1 :(得分:0)

  

为此:我将如何同时拥有标题和描述   单击单元格时会出现在弹出窗口中吗?

实施UITableView的 didselectRow 委托功能

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {

  //retreive job data from array
  let job = jobsArray[inedexPath.row]
  //show an alert with title and description
  showAlert(title: String, desc: String )
}

func showAlert(title: String, desc: String) {

   let alert = UIAlertController(title: title, message: mess, preferredStyle: .alert)
   let okAction = UIAlertAction(title: "Ok", style: .default)
   alert.addAction(okAction)
   self.present(alert, animated: true, completion: nil)

  }

这将显示iOS的默认提示框

详细了解如何在此处显示提醒/弹出窗口

how to implement a pop up dialog box in iOS

或者如果你想要一些奇特的东西 https://github.com/SwiftKickMobile/SwiftMessages

一个非常灵活的消息栏,用于显示支持swift 4的弹出窗口/提醒。