TableView not displaying text with JSON data from API call

Question

I connected to API using Alamofire and SwiftyJson.

I got this JSON return:

{ "contacts": [ { "id": "c200", "name": "Ravi Tamada", "email": "[email protected]", "address": "xx-xx-xxxx,x - street, x - country", "gender" : "male", "phone": { "mobile": "+91 0000000000", "home": "00 000000", "office": "00 000000" } }, { "id": "c201", "name": "Johnny Depp", "email": "[email protected]", "address": "xx-xx-xxxx,x - street, x - country", "gender" : "male", "phone": { "mobile": "+91 0000000000", "home": "00 000000", "office": "00 000000" } }, { "id": "c202", "name": "Leonardo Dicaprio", "email": "[email protected]", "address": "xx-xx-xxxx,x - street, x - country", "gender" : "male", "phone": { "mobile": "+91 0000000000", "home": "00 000000", "office": "00 000000" } } ] }

This is my ViewController code:

import UIKit
import Alamofire
import SwiftyJSON

class ViewController:UIViewController {
    @IBOutlet weak var tblJSON: UITableView!

    var arrRes = [[String : AnyObject]]()

    override func viewDidLoad() {
        super.viewDidLoad()
        getRequest()
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    func getRequest() {
        Alamofire.request("http://api.androidhive.info/contacts").responseJSON { (responseData) -> Void in
            if ((responseData.result.value) != nil) {
                let swiftyJsonVar = JSON(responseData.result.value!)

                if  let resData = swiftyJsonVar["contacts"].arrayObject {
                    self.arrRes = resData as! [[String : AnyObject]]
                }

                if self.arrRes.count > 0 {
                    self.tblJSON.reloadData()
                }
            }
        }
    }

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

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell : UITableViewCell = tableView.dequeueReusableCell(withIdentifier: "Cell")!
        var dict = arrRes[indexPath.row]
        cell.textLabel?.text = dict["name"] as? String
        cell.detailTextLabel?.text = dict["email"] as? String
        return cell
    }

}

I have trouble displaying result on the UITableView. Can anyone help me? Thanks!

numberOfRowsInSection cellForRowAt are this method get called ? — Rajat
– Rajat, Commented Nov 11, 2016 at 18:48
1. Did you set the ViewController as the delegate and datasource of your tableView in the storyboard? 2. Did you set override numberOfSectionsInTableView: returning 1 ? — W.K.S
– W.K.S, Commented Nov 11, 2016 at 18:50
@W.K.S There is no need to implement numberOfSectionsInTableView if you only have one section. That is the default. — rmaddy
– rmaddy, Commented Nov 11, 2016 at 18:57
@rmaddy Sorry, I worded that badly: I meant has OP overridden the method and returned 0 because he thought there are no sections. It's a mistake I made when I was new. — W.K.S
– W.K.S, Commented Nov 11, 2016 at 18:59

Rishil Patel · Accepted Answer · 2018-02-22 10:18:23Z

18

You need to implement UITableViewDataSource and UITableViewDelegate like this

class ViewController:UIViewController, UITableViewDataSource, UITableViewDelegate

and in viewDidLoad you need to assign DataSource and Delegate to your tableView like this

override func viewDidLoad() {
    super.viewDidLoad()
    tblJSON.dataSource = self
    tblJSON.delegate = self
    getRequest()
}

edited Feb 22, 2018 at 10:18

Rishil Patel

1,9913 gold badges17 silver badges31 bronze badges

answered Nov 11, 2016 at 19:05

Rajat

11.1k4 gold badges42 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

joinedmember Over a year ago

maybe you know, why TableView displaying only "name" although I write in code: cell.textLabel?.text = dict["name"] as? String; cell.detailTextLabel?.text = dict["email"] as? String

Rajat Over a year ago

print(cell.detailTextLabel) add this line in cellForRow and check if its not nil

joinedmember Over a year ago

xCode tell me that it's nil

Rajat Over a year ago

Check if outlet for that label is connected or not

joinedmember Over a year ago

Outlet don't need. Because I use default label (open var textLabel: UILabel? { get } // default is nil. label will be created if necessary.) My label created but my detailLabel don't created. I don't know why. I don't use UILabel in storyboard.

|

Collectives™ on Stack Overflow

TableView not displaying text with JSON data from API call

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related