【Axure 教程】中继器高级用法-列外复选

  

原型显示:

  

所需元件:

   中继器:外单筑制; 文本框:外头筑制; 复选框:复选交互筑制;

思绪:基于中继器中的复选状况举办赋值,并基于合座列外的状况值举办换算,得出全选的临界值公式;

   教程 一、中继器的复选赋值

  

因列外载入时,默认均为未选中状况,且初期设定为“未选中”时,状况值为“-1”,“已选中”时,状况值为“1”,以是状况值正在载入时,赋值为“-1”

  

  

如上图,树立复选框未选中时,正在举办点击时,树立复选框为“已选”状况,同时予以状况值付与 [[State*(-1)]];即正在“未选中”状况时,将状况切换到“已选中”状况时,将状况值树立为“1”

  

  

同理,正在选中时,予以状况值付与 [[State*(-1)]];即正在“已选中”状况时,将状况切换到“未选中”状况时,将状况值树立为“-1”

   二、汇总中继器中的状况值

  

  

当状况值产生改观时,更新状况值的总值,公式如下:[[Count.slice(0)-Exstate State]]

  

  

前状况值正在状况值产生改观时,通过赋值获取,如上图所示

   三、树立全选操作时的状况及赋值

  

  

  

需求小心的是,当全选树立正在“中央”状况切换到“全选”状况时,需求将中继器中的状况值,联合树立为“1”

   四、揣度中继器中复选框对全选框的影响临界值

正在【第三步】当中,咱们仍然可能获取到状况值正在每次改观时的总数,以是通过这个总数去占定中继器中何时会影响到全选框的状况;占定前提如下:

  

  

  

当中继器中的复选框从“未选”树立为“已选”状况时,若知足前提 [[Item.Repeater.itemCount-2]],则需求将全选框同步树立为“选中”状况,不然,仅需将全选框树立为“中央”状况;

  

  

  

当中继器中的复选框从“已选”树立为“未选”状况时,若知足前提 [[Item.Repeater.itemCount*(-1) 2]],则需求将全选框同步树立为“未选”状况,不然,仅需将全选框树立为“中央”状况;

  

更众实质,微信查找“爱学儿”,沿途调换研商吧!

发表评论

表情:
验证码
评论列表 (暂无评论,442人围观)

还没有评论,来说两句吧...