swift UI专项训练9 添加数据

简介:   今天我们来实现新增数据的功能。在新增餐馆的控制器中初始化一个类: var restaurant = Restaurant()接着创建关联,按住control键选择done按钮拖拽到控制器代码中:会自动生成如下代码:@IBOutlet weak var doneButton: UIBarButtonItem!同理把文本框也拖过去。

  今天我们来实现新增数据的功能。在新增餐馆的控制器中初始化一个类:

 var restaurant = Restaurant()

接着创建关联,按住control键选择done按钮拖拽到控制器代码中:


会自动生成如下代码:

@IBOutlet weak var doneButton: UIBarButtonItem!

同理把文本框也拖过去。回到控制器中有一个方法已经为我们准备好了,现在我们取消它的注释,然后增加代码,如下:

 override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {
        // Get the new view controller using segue.destinationViewController.
        // Pass the selected object to the new view controller.
        
        if sender as NSObject == doneButton {
            if(!textField.text.isEmpty){
            restaurant.name = textField.text
            }
        }
    }

判断是不是点击了完成按钮,如果是,把文本框中的内容保存到实例中。回想我们之前在另一个场景设置的反向过渡还没有使用,现在在其中增加代码如下:

 @IBAction func unwindToList(segue:UIStoryboardSegue){
    let source = segue.sourceViewController as AddRestaurantViewController
       let r1 = source.restaurant
        if r1.name != "" {
        restaurantList.append(r1)
        }
    }

设置源头是新增餐馆这个场景,然后我们把源头中的实例取出,非空的话添加到列表中。现在来测试一下是否成功了,添加一个新餐馆,然后再把它删除。






目录
相关文章
|
1月前
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
20 0
|
15天前
【UI】 element ui 表格没有数据时用--填充
【UI】 element ui 表格没有数据时用--填充
20 2
|
5月前
|
JavaScript
element-ui表格数据样式及格式化案例
element-ui表格数据样式及格式化案例
|
4月前
|
JavaScript
Vue + Element UI 实现复制当前行数据功能(复制到新增页面组件值不能更新等问题解决)
# 1、需求 使用Vue + Element UI 实现在列表的操作栏新增一个复制按钮,复制当前行的数据可以打开新增弹窗后亦可以跳转到新增页面,本文实现为跳转到新增页面。 # 2、实现 ## 1)列表页 index.vue ```html <el-table> <!-- 其他列 --> <el-table-column label="操作" width="150"> <template slot-scope="scope"> <el-button icon="el-icon-copy-document" title="复制" @click="toCopyNew(scope
73 0
|
5月前
|
JSON 安全 JavaScript
vue2.0 + element-ui 实战项目-axios请求数据(三)
vue2.0 + element-ui 实战项目-axios请求数据(三)
19 0
|
5月前
|
JSON JavaScript 数据格式
Vue框架Element UI教程-axios请求数据(六)
Vue框架Element UI教程-axios请求数据(六)
44 0
|
5月前
|
JSON JavaScript 数据格式
Vue移动端框架Mint UI教程-数据渲染到页面(六)
Vue移动端框架Mint UI教程-数据渲染到页面(六)
39 0
|
5月前
|
JSON JavaScript API
Vue移动端框架Mint UI教程-调用模拟json数据(五)
Vue移动端框架Mint UI教程-调用模拟json数据(五)
42 0
|
5月前
element-ui表格数据样式及格式化
element-ui表格数据样式及格式化
|
6月前
element-ui里的el-table在grid布局下切换数据有滚动条时不断增加?
element-ui里的el-table在grid布局下切换数据有滚动条时不断增加?
28 0

热门文章

最新文章