【便捷插件】地域选择插件Region

基本功能

Region插件主要用于地域选择使用,能够同时多个地区添加html

插件由来

因为项目功能须要,须要有一个可以多选国内市区功能的插件,经过在网上的查找,找到了百度的ESUI组件库前端

ESUI is a Collection of JavaScript Controls.

可是因为ESUI内容包含普遍,并且内部依赖很是之多(应该这套内容是百度前端“生态”中的一部分,可是维护来看截止13年就不在更新了)因此在ESUI的基础上面,将地域选择的功能进行了摘取。从而,有了此独立功能插件。jquery

因为目前的项目须要,因此只是摘取了多选功能部分,其余部分功能暂时没有进行完善。
后续会尽量的不断完善。git

使用说明

Demogithub

效果示意图

HTML:数组

<div id="region_test" class="ui-ctrl ui-region"></div>

Javascript:数据结构

<script>
    $(function () {
        var options = {
            main: "#region_test",
            value: '268,25,10,778'
        }
        var region = new Region(options);
    })
</script>

依赖:ui

- jquery.js
  - underscore.js

接口方法:spa

- getRawValue 获取选择区域的数组值

数据结构:插件

请参照

数据结构

更多详情请参照如下地址

相关文章
相关标签/搜索