00:00
哈喽,各位小伙伴们大家好,那接下来啊,咱们呢,去讲一下子解决取消按钮数据回显的问题。其实啊,这个问题啊,在咱们前边的时候啊,已经遇见过了,那咱们呢,还是得解决一下。比如啊,老师选择的是图书。电子书刊以及电子书。那咱们的添加属性按钮啊,是可以点击的了。比如说啊,咱们添加一个颜色这样的一个属性,以及啊添加一些属性值,比如说红色。那如果点击保存而言啊,那会把数据啊提交给谁,是不是提交给服务器进行存储。但是如果用户选择的是取消呢?那当你再添加属性的时候,那你这些数据不应该在了。应该让用户重新的去怎么的,是不是重新的去填写。那所以说这块呢,要注意一件事,就是当咱们每一次点击添加属性按钮的时候啊,需要哎,把咱们收集的那些数据啊,都要怎么的,是不是都要清空。
01:09
那所以说啊,咱们呢,找到相应的添加属性这个按钮。那咱们去找一下咱们的组件,看一下这里。那这呢,不就是添加属性嘛,那这块呢,要注意,艾并没有写什么写回调,它只是把table表格进行隐藏。那所以说啊,咱们在这呢,给他哎写上一个回调,比如说叫做ADD添加属性就at tr。对吧,那当然咱们目前是没有这个方法的,那咱们呢,去找一个地儿啊。那这块呢,咱们也写一下子,那这里是什么呀?是添加属性按钮的回调。那叫做ADD tr。对吧,那咱们呢,先alert个123,也就是说一点击这个按钮啊,先给它弹出个123。
02:01
对吧,那咱们呢,去看一下子能不能弹出相应的123,这是没问题的,对吧,那别忘记了,它这里面呢,还有一些业务逻辑,比如说哎,切换咱们的那个table的显示与隐藏。哎,隐藏。那咱们的这。There is show table啊,应该是为fourth。那以及啊,咱们这里边儿呢,要清除,诶清除咱们的数据。清楚的是哪部分数据啊,是不是就是咱们收集新增属性或者是修改属性这块的数据。对吧,那这块呢,咱们清楚一下子,那也就是说这点at tr info。那需要啊,给他重新复制一个对象。而这个对象所拥有的字段啊,那不就是这里面的这几个嘛,对吧,那咱们呢,给它log。那这回呢,咱们呢,格式化一下,这个老师呢,手动的给他格式化一下。
03:02
那这回呢,咱们保存一下子,去看一下咱们的业务逻辑是否OK。那比如说咱们选择一个哎,图书电子书刊以及电子书,当你点击添加属性,比如说颜色对吧,那添加一些属性值,比如说红色。对吧,那我没有点击保存,而是取消,那咱们再看一下数据是不是没了。对吧,那除此之外,其实咱们这里面呢,还可以做另外一件事,就是在这里啊,咱们呢,可以收集什么呀,收集哎三级分类的ID。那最开始的时候啊,其实咱们说过,在这里能不能收集三级分类的ID是不行的,因为啊对象的数据是无序的,到底谁先有,谁后有,这玩意不确定。那什么时候可以收集三级分类的ID啊,你看老师呢,给你们演示一下,你看这。你看这儿。老师呢,把这个开发者工具当中这个数据啊,我给你调出来,咱们看一下子,你先盯住这儿啊,先盯住这。
04:04
选择一级分类图书是不是有现有一级分类的ID以及二级分类的ID,以及三级分类的ID,这是没问题的。那也就是说,当你点击添加属性这个按钮的时候,当你点击的时候。这个事件触发的时候,那你这个三级分类的ID已经有了。对吧,那所以说咱们就可以在这儿进行收集。对吧,那所以说这块呢,得换成谁,是不是换成咱们相应的face.category side。所以说咱们这里啊,不仅仅说只把数据清空了,以及有一条数据是可以收集到的了。就是当你从点击添加属性按钮跳过来之后,就可以收集到了。对吧,那咱们呢,去尝试一下子,看一下能不能收集到。对吧,点击添加属性,那咱们看一下咱们的a tr info,那三级分类的ID是不是已经收集到,以及level是三,那以及相应的属性名是可以收集到的,以及属性值也是可以收集到。
05:07
对吧,那所以说咱们呢,刚刚解决了一下子数据,呃,点击取消按钮数据回显的这些问题,以及又做了一件事,可以把咱们三级分类的ID是不是收集了。
我来说两句