前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >ArrayCollection使用说明

ArrayCollection使用说明

作者头像
苦咖啡
发布2018-04-28 13:47:11
1.4K0
发布2018-04-28 13:47:11
举报
文章被收录于专栏:我的博客我的博客
代码语言:javascript
复制
class Main extends egret.DisplayObjectContainer{
    public constructor()
    {
        super();
        this.addEventListener(egret.Event.ADDED_TO_STAGE,this.onAddToStage,this);
    }

    public onAddToStage(event: egret.Event): void
    {
        //先创建一个数组
        var sourceArr: any[] = [{ name: "one",value: 1 },{ name: "two",value: 2 }];
        //用ArrayCollection包装
        var myCollection: eui.ArrayCollection = new eui.ArrayCollection(sourceArr);

        //当数据改变的时候,ArrayCollection会派发事件
        myCollection.addEventListener(eui.CollectionEvent.COLLECTION_CHANGE,this.collectionChangeHandler,this);

        var itemData: Object = { name: "three",value: 3 };
        myCollection.addItem(itemData);//相当于push
        myCollection.addItemAt({ name: "zero",value: 0 },0);//添加的指定的索引位置

        myCollection.replaceItemAt({ name: "zero",value: -1 },0);

        //获取
        console.log(myCollection.getItemAt(0).name);//根据索引位置获取某一项数据
        console.log(myCollection.getItemIndex(itemData));//获取某一项数据所在的索引值
        console.log(myCollection.length);//获取数组长度

        myCollection.removeItemAt(0);//删除某一个
        myCollection.removeAll();//全部删除
        
    }
    
    private collectionChangeHandler(evt: eui.CollectionEvent): void
    {
        console.log("数据已改变:" + evt.kind + "," + evt.target.length);
    }
}
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017年1月6日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档