Create Search Bar that show data in dropdown menu in swift - ios

Question

I'm creating E-Commerce type app where user select zones from the list using textfield.
I want to that when user click on text Filed and write zone (like 55) and show dropdown all the data from the array which starting to 55 or having number of 5 in array (like 20051).
After showing all data in the form of dropdown. User select desired zone code and added in table view.

Answer 1

Use the code below to add search bar to UItableviewController and get searchBar on selecting UITextfield.
class ViewController: UIViewController ,UITableViewDelegate,UITableViewDataSource,UITextFieldDelegate{
#IBOutlet weak var tableView: UITableView!
#IBOutlet weak var txtName: UITextField!
var originalArr = [[String:Any]]();
var searchArrRes = [[String:Any]]()
var searching:Bool = false
override func viewDidLoad() {
super.viewDidLoad()
//Assign delegate don't forget
txtName.delegate = self
tableView.delegate = self
tableView.dataSource = self
//my array
originalArr = [
["name": "abdul", "number": "[phone]"],
["name": "abdin", "number": "[phone]"],
["name": "Enamul", "number": "[phone]"],
["name": "enam", "number": "[phone]"],
["name": "Rafi", "number": "[phone]"],
["name": "Ehaque", "number": "[phone]"],
["name": "ab", "number": "[phone]"],
["name": "Emon", "number": "[phone]"],
["name": "enamu1", "number": "[phone]"],
["name": "rafi", "number": "[phone]"],
["name": "karim", "number": "[phone]"],
["name": "radev", "number": "[phone]"],
["name": "da", "number": "[phone]"],
["name": "aa", "number": "[phone]"],
["name": "rafi", "number": "[phone]"],
["name": "karim", "number": "[phone]"],
["name": "radev", "number": "[phone]"],
["name": "da", "number": "[phone]"],
["name": "aa", "number": "[phone]"]
]
}
func textFieldShouldReturn(_ textField: UITextField) -> Bool {
textField.resignFirstResponder()
return true
}
public func textField(_ textField: UITextField, shouldChangeCharactersIn range:
NSRange, replacementString string: String) -> Bool{
//input text
let searchText = textField.text! + string
//add matching text to arrya
searchArrRes = self.originalArr.filter({(($0["name"] as! String).localizedCaseInsensitiveContains(searchText))})
if(searchArrRes.count == 0){
searching = false
}else{
searching = true
}
self.tableView.reloadData();
return true
}
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
//check search text & original text
if( searching == true){
return searchArrRes.count
}else{
return originalArr.count
}
}
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
//custom cell Custom_cell
let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as! Custom_cell
//check search text & original text
if( searching == true){
var dict = searchArrRes[indexPath.row]
cell.label_name.text = dict["name"] as? String
cell.label_number.text = dict["number"] as? String
}else{
var dict = originalArr[indexPath.row]
cell.label_name.text = dict["name"] as? String
cell.label_number.text = dict["number"] as? String
}
return cell
}
}
CustomCell Class
class Custom_cell: UITableViewCell {
#IBOutlet weak var label_name: UILabel!
#IBOutlet weak var label_number: UILabel!
}