专栏首页我的博客Egret语法DataGroup使用案例

Egret语法DataGroup使用案例

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[] = [];
        for(var i: number = 1;i < 5;i++)
        {
            sourceArr.push({ label: "item" + i,num: "num=" + Math.ceil(Math.random() * 100)});
        }
        //用ArrayCollection包装
        var myCollection: eui.ArrayCollection = new eui.ArrayCollection(sourceArr);
        var dataGroup: eui.DataGroup = new eui.DataGroup();
        dataGroup.dataProvider = myCollection;
        dataGroup.percentWidth = 100;
        dataGroup.percentHeight = 100;
        dataGroup.useVirtualLayout = true;//性能优化,避免创建过多对象实例
        dataGroup.itemRenderer = LabelRenderer;
        this.addChild(dataGroup);
        
    }
}
//类LabelRenderer一定要继承eui.ItemRenderer
class LabelRenderer extends eui.ItemRenderer
{
    private labelDisplay: eui.Label;
    public constructor()
    {
        super();
        this.touchChildren = true;
        this.labelDisplay = new eui.Label();
        this.addChild(this.labelDisplay);
    }
    protected dataChanged(): void
    {
        this.labelDisplay.text = this.data.label + " "+ this.data.num;
    }
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 左右滚动,带控制按钮

    今天需要一个左右滚动图的js,从网上着了半天,修改调试了半天才弄好,于是就收藏了。不过以后真得看看js了 关键代码有注释:(红色部分是我加的注释) <table...

    苦咖啡
  • JQuery实现双击编辑异步更新

    <script type="text/javascript"> $(function(){ $("tbody>tr>td").dblclick(funct...

    苦咖啡
  • Jpgraph 3.5 中文乱码问题解决

    今天设置了Jpgraph生成的图表加上中文标题乱码,搜索下结果都是加什么字体了设置这个,修改那个。。后来看到这个文章:http://anshao.net/cod...

    苦咖啡
  • 前端-微信小程序开发(1):小程序的执行流程是怎么样的?

    我们这边最近一直在做基础服务,这一切都是为了完善技术体系,这里对于前端来说便是我们需要做一个Hybrid体系,如果做App,React Native也是不错的选...

    grain先森
  • 数据结构与JS也可以成为CP(十)Graph图

    1)深度优先搜索算法比较简单:访问一个没有访问过的顶点,将它标记为已访问,再递归地去访问在初始顶点的邻接表中其他没有访问过的顶点。

    萌兔IT
  • 商品多种规格属性的选择(sku 算法)

    如上图中每一个单规格选项,例如==珍珠白==、==12GB+512GB==、==不分期==就是一个规格(sku)。商品和 sku 属于一对多的关系,也就是我们可...

    Krry
  • javascript中定义私有方法(private method)

    一度以为在javascript的世界里,所有方法都是公有的,无法真正从技术上定义一个私有方法,今天又一次发现:其实我错了!  var Person = func...

    菩提树下的杨过
  • 计数器、滑动窗口、漏桶、令牌算法比较和伪代码实现

    计数器是限流里最简单的,简单来说,比如 我限制1分钟内 请求数最多为60个! 当此刻 2018-02-27 16:23:00 到 2018-02-27 16:2...

    用户2825413
  • RocketMQ主从同步源码分析

    1.HAService:主从同步的核心实现类2.HAService$AcceptSocketService:主服务器监听从服务器连接实现类3.HAService...

    张乘辉
  • 面试官:你分析过mybatis工作原理吗?

    当然,还有很多可以在XML 文件中进行配置,上面的示例指出的则是最关键的部分。要注意 XML 头部的声明,用来验证 XML 文档正确性。environment ...

    阮键

扫码关注云+社区

领取腾讯云代金券