質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Q&A

解決済

1回答

725閲覧

NavigationBarの編集ボタンが押されたらTableViewCell内のtextFieldを編集可能にする方法

TakeYourMark

総合スコア8

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

0グッド

0クリップ

投稿2018/01/04 08:15

###前提・実現したいこと
Xcode ver9.2、SwiftでiOSアプリを開発しています。

NavigationBar右上の編集ボタンが押されたら、TableViewCell内のtextFieldを
編集可能にする方法を教えてください。

オブジェクトの配置とコード(括弧内)の関係
NavigationController
->TableViewController(TableViewController.swift)
->TableViewCell(TableViewCell.swift)
->TextField

初期表示ではTextFieldが編集できないように、TableViewCell.swift 内の
awakeFromNib() で textField.isEnabled = false と設定しています。
編集ボタンが押されたら、TextFieldを編集できるように、trueに設定したく、
方法を教えて頂けませんでしょうか?

###該当のソースコード(TableViewController.swift)

swift

1import UIKit 2 3class TableViewController: UITableViewController, TableViewCellDelegate { 4 5 @IBOutlet var ttableView: UITableView! 6 7 var array:[String] = ["あああ", "いいい", "ううう", "えええ", "おおお"] 8 9 override func viewDidLoad() { 10 super.viewDidLoad() 11 12 // Uncomment the following line to preserve selection between presentations 13 // self.clearsSelectionOnViewWillAppear = false 14 15 // Uncomment the following line to display an Edit button in the navigation bar for this view controller. 16 self.navigationItem.rightBarButtonItem = self.editButtonItem 17 } 18 19 override func didReceiveMemoryWarning() { 20 super.didReceiveMemoryWarning() 21 // Dispose of any resources that can be recreated. 22 } 23 24 override func setEditing(_ editing: Bool, animated: Bool) { 25 super.setEditing(editing, animated: animated) 26 } 27 28 // MARK: - Table view data source 29 30 override func numberOfSections(in tableView: UITableView) -> Int { 31 // #warning Incomplete implementation, return the number of sections 32 return 1 33 } 34 35 override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { 36 // #warning Incomplete implementation, return the number of rows 37 return array.count 38 } 39 40 override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { 41 let cell = tableView.dequeueReusableCell(withIdentifier: "inputCell", for: indexPath) as! TableViewCell 42 cell.textField.text = array[indexPath.row] 43 // デリゲート設定 44 cell.delegate = self 45 return cell 46 } 47 48 // テキストフィールド編集後 49 func textFieldDidEndEditing(cell: TableViewCell, value: String) -> () { 50 let path = tableView.indexPathForRow(at: cell.convert(cell.bounds.origin, to: tableView)) 51 array[(path?.row)!] = value 52 } 53 54 // 削除ボタン押下後 55 override func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCellEditingStyle, forRowAt indexPath: IndexPath) { 56 if (editingStyle == UITableViewCellEditingStyle.delete) { 57 array.remove(at: indexPath.row) 58 tableView.deleteRows(at: [indexPath], with: .fade) 59 } 60 } 61 62 override func tableView(_ tableView: UITableView, moveRowAt sourceIndexPath: IndexPath, to destinationIndexPath: IndexPath) { 63 64 let cell = tableView.cellForRow(at: sourceIndexPath) as! TableViewCell 65 let moveData = cell.textField.text 66 array.remove(at: sourceIndexPath.row) 67 array.insert(moveData!, at: destinationIndexPath.row) 68 } 69

###該当のソースコード(TableViewCell.swift)

swift

1import UIKit 2 3// プロトコル 4protocol TableViewCellDelegate { 5 func textFieldDidEndEditing(cell: TableViewCell, value: String) -> () 6} 7 8class TableViewCell: UITableViewCell, UITextFieldDelegate { 9 10 var delegate: TableViewCellDelegate! = nil 11 12 // テキストフィールド接続 13 @IBOutlet weak var textField: UITextField! 14 15 override func awakeFromNib() { 16 super.awakeFromNib() 17 // テキストフィールドデリゲート 18 textField.delegate = self 19 // テキストフィールド入力キーボードの改行を完了に変更 20 textField.returnKeyType = .done 21 // 右上の編集ボタンが押される前はテキストフィールドを編集不可に設定 22 textField.isEnabled = false 23 } 24 25 override func setSelected(_ selected: Bool, animated: Bool) { 26 super.setSelected(selected, animated: animated) 27 28 // Configure the view for the selected state 29 } 30 31 // テキストフィールド編集後デリゲート 32 func textFieldDidEndEditing(_ textField: UITextField) { 33 self.delegate.textFieldDidEndEditing(cell: self, value: textField.text!) 34 } 35 36 // リターンキー押下後デリゲート 37 func textFieldShouldReturn(_ textField: UITextField) -> Bool { 38 textField.resignFirstResponder() 39 return true 40 } 41 42}

以上、よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

cellForRowAt内で編集できるか否かを設定するようにしましょう。

Swift

1 cell.textField.isEnabled = isEditable

編集ボタンが押されたら

isEditableをtrue または falseに切り替えて、以下のコマンドでテーブルを更新しましょう。

Swift

1ttableView.reloadData()

reloadDataによりTableViewに表示されるCellが再読み込みされるので、
各cellに対してcellForRowAtが呼び出されて編集モードが切り替わるはずです。

投稿2018/01/05 07:58

nakasho_dev

総合スコア2655

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

TakeYourMark

2018/01/05 13:50

教えて頂いた方法で実現できました。ご回答ありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問