ICANUI-DIV 列表循环

一、图形界面添加列表

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

三、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);
    }

猜你喜欢

转载自www.cnblogs.com/mingliangge/p/13188318.html