首页 > 其他 > 详细

ICANUI-DIV 列表循环

时间:2020-06-24 18:10:31      阅读:65      评论:0      收藏:0      [点我收藏+]

一、图形界面添加列表

 

二、在列表里添加容器或其他元素

 

三、js文件init函数,控制循环的次数及对应value,如:

this.circleList.value = [1,2,3,4]; //里面将循环4次
//circleList为id名

 

四、给循环出来的容器/元素,绑定不同的 触发函数

this.circleList.value =[{a:1,__ACTION:"this.test11()"}, {b:2,__ACTION:"this.test22()"}, {c:3,__ACTION:"this.test33()"}, {d:4,__ACTION:"this.test44()"}];
//数组中有多少项就循环多少次
//
//__ACTION:"this.test11",表示当该元素触发时,执行后面定义的函数

 注:记得在js定义触发的函数

 

五、打印出当前事件的value值、列表的所有值、target事件等等

1、先图形界面绑定事件:选择 -> this.test()  ->(注意不是点击,是选择)

2、js定义test函数,如

    test(e){
        //打印出列表所有值
        console.log(e.target.list.value); 

        //打印出当前的value值
        console.log(e.target.list.value[e.target.index]);

        //打印出e.target的所有属性
        // console.log(e.target);
    }

 

ICANUI-DIV 列表循环

原文:https://www.cnblogs.com/mingliangge/p/13188318.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!