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

综合技术 2018-01-18

基本功能

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

插件由来

由于项目功能需要,需要有一个能够多选国内市区功能的插件,通过在网上的查找,找到了百度的 ESUI组件库

ESUI is a Collection of JavaScript Controls.

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

由于目前的项目需要,所以只是摘取了多选功能部分,其他部分功能暂时没有进行完善。

后续会尽可能的不断完善。

使用说明

Demo

HTML:

Javascript:

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

依赖:

- jquery.js
  - underscore.js

接口方法:

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

数据结构:

请参照

更多详情请参照 以下地址

您可能感兴趣的

JavaScript 的装饰器:它们是什么及如何使用... 装饰器的流行应该感谢在Angular 2+中使用,在Angular中,装饰器因TypeScript能使用。但是在JavaScript中,还处于提议阶段。本文将介绍装饰器是什么,及装饰器如何让代码更加简洁和容易理解。 什么是装饰器 装饰器是用一个代码包装另一个代码的简单方式。 这个概...
关闭迭代器是一个抽象漏洞 原文地址 先上图 先来普及一下 抽象漏洞wiki 抽象漏洞 总结一小下:抽象漏洞告诉我们出来混早晚要还的,无论你怎么去屏蔽复杂,怎么去抽象,总是不完整的总是会有漏洞的。 迭代器和可迭代对象的一个概述 在js中,迭代器和可迭代对象是顺序访...
Representative Line: Highly Functional For a brief period of time, say, about 3–4 years ago, if you wanted to sound really smart, you’d bring up “functional programming”. Name-dropping ...
JavaScript观察者模式 观察者模式观察者模式又叫发布订阅模式(Publish/Subscribe),它定义了一种一对多的关系,让多个观察者对象同时监听某一个主题对象,这个主题对象的状态发生变化时就会通知所有的观察者对象,使得它们能够自动更新自己。* 它分为2个角色:(1)观察者 (2)被观察者 * 观察者模式的目的:...
Interactive Grids (Apex 5.1 EA) and TAPIs DISCLAIMER: this article is based on Early Adopter 1. I’ve finally got back to looking at my reference TAPI Apex application . I’ve greatly si...