LayaAir基础（4）之 list容器

1.切换到编辑模式创建一个view

2.在view中设置显示于给checkbox和一个文本内容

选中这两个对象，ctrl+b 设置box；

在点击box，ctrl+b 选择list；则box就在list对象的下面（层级关系）；

当我们此时拉伸list的时候，box的列表也就出现了；

给每一个checkbox设置逻辑处理：

let ServiceListView  = (function(_super){Laya.class(ServiceListView,"ServiceListView",_super);function ServiceListView(){ServiceListView.super(this);let data=[];for(let i=0;i<100;i++){data[i] = this.getData(i,false);}this.position = null;this.checked = false;this.list.dataSource = data;this.list.selectEnable = true;//设置 list 选择改变时的监听回调；selectHandler是list 容器的事件的回调注册方式；// this.list.selectHandler = Laya.Handler.create(this,this.onSelectChanaged,null,false);this.list.mouseHandler = new Laya.Handler(this,this.onMouse);}let proto = ServiceListView.prototype;// proto.onSelectChanaged = function(index){//     //index 是选中的下标；//     console.log("index:"+index);// };proto.onMouse = function(e,index){if(e.type == Laya.Event.CLICK){//这里每一点击都要设置checkbox的一个状态，不然就响应了checkbox的默认事件处理；if(this.position!==null){this.checked=false;this.list.setItem(this.position,this.getData(this.position,this.checked));}this.position = index;this.checked=true;this.list.setItem(this.position,this.getData(this.position,this.checked));}};proto.getData=function(position,checked){return {checkBox:{label:"服务器"+(position+1),selected:checked},txType:{text:(position==0) ? "(推荐)" : ""}};}return ServiceListView;
})(ServiceListUI);

LayaAir基础（4）之 list容器相关推荐

【C++基础系列】Vector容器
[C++基础系列]Vector容器大家好,我是Lampard~~ 欢迎来到C++基础系列的博客今天和大家讲解一下C++ ...
JAVA基础（3）——容器（1）——常用容器分类
JAVA基础系列规划: JAVA基础(1)--基本概念 JAVA基础(2)--数据类型 JAVA基础(3)--容器(1)--常用容器分类 JAVA基础(4)--容器(2)--普通容器 JAVA基础(5 ...
docker几个基础命令及nodejs容器
最近在了解docker使用,在网上找资料发现很少有可以系统的了解某一个操作目的的大部分细节的参考,学起来非常吃力.耗时. 这里整理了一下自己在入门摸索过程中的几个入门级的操作,可以连贯的对实现一个no ...
Docker入门教程 Part 1 基础概念 - 镜像、容器、仓库
前言第一篇笔记,先总体介绍Docker,及它与虚拟机技术的区别,最后再介绍Docker的最基础的三大组件概念. 本文内容主要参考Docker官方网站以及中文书籍Docker - 从入门到实践. 我正 ...
python按位置从字符串提取子串的操作是_Python基础-字符串操作和“容器”的操作...
星火:Python基础-IF和循环zhuanlan.zhihu.com星火:Python基础-函数zhuanlan.zhihu.com星火:Python基础-模块zhuanlan.zhihu.c ...
天池比赛——Docker基础镜像搭建，容器导出镜像
天池Docker 文章目录天池Docker 一. 通过基础的Dockerfile,只有python的镜像二. 然后build构建镜像,再运行镜像进容器三. 进入容器,安装环境四. 退出容器, ...
《回炉重造 Java 基础》——集合（容器）
整体框架绿色代表接口/抽象类:蓝色代表类. 主要由两大接口组成,一个是「Collection」接口,另一个是「Map」接口. 前言以前刚开始学习「集合」的时候,由于没有好好预习,也没有学好基础知识 ...
Kubernetes(k8s)基础之二：容器编排介绍及概念
目录 1.k8s对象 2. 容器编排的概念 2.1.K8S是如何对容器编排? 2.2.Pod是怎么创建出来的? 2.3.Pod资源组成的应用如何提供外部访问的? 2.4.Service又是怎么关联到P ...
Laya 笔记-LayaAir基础篇
屏幕适配获取浏览器DPR (Device Pixel Ratio)设备像素比:Laya.Browser.pixelRatio 逻辑宽高(逻辑分辨率的宽高):Laya.Browser.clientWi ...

LayaAir基础（4）之 list容器

LayaAir基础（4）之 list容器相关推荐

最新文章

热门文章

LayaAir基础（4） 之 list容器

LayaAir基础（4） 之 list容器相关推荐

最新文章

热门文章

LayaAir基础（4）之 list容器

LayaAir基础（4）之 list容器相关推荐