range - 范围选择控件

range控件,此控件是ui控件,只需要传入父节点即可生效。可以在父节点内选择一个矩形范围。

如:

范围选择控件

Allocate

滑动条控件脚本所在 {lib}ui/range/range.js

页面结构如下:

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

添加range控件依赖文件如下:

var f = function(){
    var _ = NEJ.P,
        _p = _('nej.ui');

    //获取并初始化控件
    var _range=_p._$$Range._$getInstance({
        parent:"range",  //父节点
        /**
         * 位置变化触发事件
         * @param  {Object} _box JSON对象,选择区数据,包含
         *                         top      选择区左上角据页面的上边的距离
         *                         left     选择区左上角据页面的右边的距离
         *                         width    选择区的宽度
         *                         height   选择区的宽度
         *                         event    MouseEvent对象
         * @return {Void}        无返回
         */
        onchange:function(_box){
            //doing
        }
    });
}
define(['{lib}ui/range/range.js'],f);

Explain

参数 parent [String|Node] - 滑动节点

onchange [Function] - 位置变化触发事件

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

Recycle

range.$recycle();

range external interface

Known Issues

Demo

range控件demo

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