原型显示:
所需元件:
中继器:外单筑制; 文本框:外头筑制; 复选框:复选交互筑制;
思绪:基于中继器中的复选状况举办赋值,并基于合座列外的状况值举办换算,得出全选的临界值公式;
教程 一、中继器的复选赋值
因列外载入时,默认均为未选中状况,且初期设定为“未选中”时,状况值为“-1”,“已选中”时,状况值为“1”,以是状况值正在载入时,赋值为“-1”
如上图,树立复选框未选中时,正在举办点击时,树立复选框为“已选”状况,同时予以状况值付与 [[State*(-1)]];即正在“未选中”状况时,将状况切换到“已选中”状况时,将状况值树立为“1”
同理,正在选中时,予以状况值付与 [[State*(-1)]];即正在“已选中”状况时,将状况切换到“未选中”状况时,将状况值树立为“-1”
二、汇总中继器中的状况值
当状况值产生改观时,更新状况值的总值,公式如下:[[Count.slice(0)-Exstate State]]
前状况值正在状况值产生改观时,通过赋值获取,如上图所示
三、树立全选操作时的状况及赋值
需求小心的是,当全选树立正在“中央”状况切换到“全选”状况时,需求将中继器中的状况值,联合树立为“1”
四、揣度中继器中复选框对全选框的影响临界值
正在【第三步】当中,咱们仍然可能获取到状况值正在每次改观时的总数,以是通过这个总数去占定中继器中何时会影响到全选框的状况;占定前提如下:
当中继器中的复选框从“未选”树立为“已选”状况时,若知足前提 [[Item.Repeater.itemCount-2]],则需求将全选框同步树立为“选中”状况,不然,仅需将全选框树立为“中央”状况;
当中继器中的复选框从“已选”树立为“未选”状况时,若知足前提 [[Item.Repeater.itemCount*(-1) 2]],则需求将全选框同步树立为“未选”状况,不然,仅需将全选框树立为“中央”状况;
更众实质,微信查找“爱学儿”,沿途调换研商吧!
还没有评论,来说两句吧...