00:00
嗯,那然后呢,我们这个下一步。这个批量删除哈。批量删除的时候呢,我们得是它根据这你勾选的来来做,还有一个小功能呢,就是这上面有一个按钮,我们去点它的话,诶下边这些呢,都勾上它去掉,下边这些也都去掉,就全选全部选这个功能。哎。嗯,把这个我们看咱们去去实现一下啊,首先呢,是得给这个总的这个按钮,给它绑定单小数。咱们先得找到这个按钮,它在这个表头的这个位置,在这儿。哎。这不踢害吗?给他设置一个ID,总的叫summary。By box。CTRLC咱们全写完,咱们再整理这个笔记哈。哎,给这个总的。Check box。绑定,单击响应函数。
01:06
给他绑定单击响应函数以后呢。呃。点点它啊。呃,咱们先获取到他自己的状态,第一步啊,获取当前。这个多选框自身的状态。就是我一个。Current。Status。等于this点。访问check属性,能知道当前这个按钮是被选中了还是没有被选中。哎,然后呢,用。当前这个多选框。呃,多选用当前多选框。呃的这个状态去设置其他的。
02:00
多小化。其他多选框怎么去定位到他们呢?给它设置个class值。这个时候你看这个T包底哈,这里边儿是我们动态生成的。这个呢,就在我们feel feel这里边哈。他在这儿。我们在这儿呢,给它加个class。这个class呢,比如说我们叫item box。CTRLC。A box,然后呢,设置它的AAA这个叫。呃,用这个函数啊。还有一个函数叫at DR,这个at drr呢,只是一次性的。啊,它不能够不能够使这个始终生效啊,用这个prop设置它这个check的属性设置为current status。
03:01
诶,我们试试啊。CTRLF。我选。去掉选去掉,选去掉。它会不会受这个翻页的影响呢?哎,这个不会,因为这个按钮这个check box是原来页面上就有的啊,它不是重新生成的。嗯,这是还有一个功能呢,就是说。说我下边这些呢,如果全部都选中了。就把它也勾上是吧。哎,现在这个要没选中,把它这个也去掉。以前我不讲这个。然后有同学说这个不行,你得把这个做了。啊。哎,咱们这个也不难啊,这个也不难,嗯。这个是全选。的全选,全部选的反向。操作。这个呢是给我们这个item box,给它绑定单项函数。
04:01
啊,但是这些是动态生成的。这个动态生成呢,就得这个on的方式去绑定了。哎。啊,单单条这个啊,跟这个是一样的。嗯,不许发牢骚。呃,反向操作,给他们绑订单下数。呃,每次点点这个东西的时候呢。嗯,我们在这儿哈,咱们先是去获取一下。获取一下当前已经。选中的。呃,A box的数量。
05:04
Were,一个selected,或者叫做check啊。Checked。Box count。这个等于什么呢?这个a box。哎,冒号check表示是被选中的。然后呢,点。哎,就是要它的长度。在获取。全部。A box的数量。Total box count。哎,就把这个复制过来。然后呢?就不要check,就是全部的。哎。嗯,使用二者的比较结果来设置一下这个总的check box。
06:03
总的check box是我们上面这个啊,Summary box。点。也是。设置它的属性。哎,它俩要是相等的话。就设置,不相等就不设置。那它俩比较结果不就true和false吗?它是true的话就设置,不是true就不设置。刷新一下。哎。嗯,他满了就把这个边也勾上,他不满的话就把这个边也去掉。嗯。这是我们全选,全部选这个功能啊。
我来说两句