loadmore - 加载更多控件

loadmore控件,此控件是ui控件,已经生成了相关的html结构,只要传相关的clazz样式,对clazz下的样式进行调整就可以应用自己的样式需求

如:

加载更多控件

Allocate

ui loadmore控件所在脚本 {lib}ui/loadmore/loadmore.js

页面结构如下:

<html>
    <body>
        <div id="loadmore"></div>
    </body>
</html>

简单调用实现如下:

  var f = function(){
        var _  = NEJ.P,
            _e = _('nej.e'),
            _tu = _('t.u');
            _p = _('nej.ui');

        // 初始化LoadMore插件
        var _loadmore =_p._$$LoadMore
                        // 启动
                        ._$allocate({
                            parent:_e._$get("loadmore"),
                            //添加onloadmore的监听事件
                            onloadmore:function(){
                                console.log("Loadmore控件启动")
                                // 在这里加入何时停止动画的逻辑
                            },
                            // 自定义样式的类名 这里定义的样式是高亮背景
                            loadstyle:"hlbg"
                        });

                        // 开启loadmore

        //启动代码高亮 
        _tu._$processCode();
    }
    define(['{lib}ui/loadmore/loadmore.js', '{pro}js/extend.js'],f);

Explain

参数 loadstyle [String] - 加载中样式

onloadmore [Function] - 加载更多回调事件

更多的参数信息请参照loadmore.js api说明

Recycle

loadmore.$recycle();

LoadMore external interface

_$loadable(_data) 设置允许触发加载功能

Known Issues

Demo

LoadMore控件demo

© 1997-2013 Netease. All Rights Reserved.
comments powered by Disqus