/eleme-area-selector

Primary LanguageJavaScript

eleme-area-selector

简介

控件本质是一个多级联下拉菜单，配上多选和 Tags 组件，用于数据门户、EMA 的区域筛选功能。

用法

引用
<script src="//npm.elemecdn.com/eleme-area-selector@0.1.8/dist/index.min.js"></script>
配置

html

<div id="app"></div>

script

var eas = new AreaSelector(document.getElementById('app'), {
  origin: '/api/filter',    // 接口的 base url (如果在数据门户中使用，无需配置此项)
  typeMap: {
    '交易平台BU': { id: 'bu', params: { key1: 'value1' } }    // 请求会组装成 /api/filter/bu?key1=value1
  },
  types: ['交易平台BU', '城市'],    // 维度，可以是多个
  onReady: function() {},    // 组件加载完毕
  onChange: function() {},    // 组件选中状态发生了变化
  onTypeChange: function() {},    // 组件的维度发生了变化
})
方法
var model = eas.getModel()
// { level: 1, data: '123,3453,676,1' }