mobile-tree-area v1.1.4

Mobile-Tree-Area

效果图

描述

原本是想做一个类似于原生上调用地区的控件，不小心扩展成了不只局限于选择地区的控件，可以根据你的数据结构一直往下延伸。也可以自己控制跳转几级。功能强大，方便易用。

优势

• 1.不依赖任何第三方库
• 2.扩展性好，不只局限于选择地区
• 3.使用简单

使用步骤：

使用打包工具:

import Loction from 'mobile-tree-area';
import 'mobile-tree-area/lib/Mobile-Tree-Area.css';
new Location({
    id:"id",//存放选中内容的ID的容器的id，可不填
    name:"name",//展示选中内容的id
    tree:3,//你想让用户选到几层，可不填，不填默认为3
    data:LAreaData//初始化数据格式为：[{id:1,name:2,child[{id:1,name:2}]},....]
});

不依赖任何打包使用方法:

1.引入文件

<link rel="stylesheet" href="plugin/Mobile-Tree-Area.css">
<script src="plugin/Mobile-Tree-Area.js"></script>

2.创建容器：

<input type="text" id="name" readonly>
<input type="hidden" id="id" readonly>

上面的用来展示你选中的内容，下面的用来承载选中内容的ID

3.生成实例

new Location({
	id:"id",//存放选中内容的ID的容器的id，可不填
    name:"name",//展示选中内容的id
    tree:3,//你想让用户选到几层，可不填，不填默认为3
    data:LAreaData//初始化数据格式为：[{id:1,name:2,child[{id:1,name:2}]},....]
});

github下载地址： https://github.com/mrxu0/Mobile-Tree-Area/tree/master