picker-card

1.0.4 • Public • Published

picker-card

一种卡片式的联动选择器,旨在解决JS多级树结构展现方式,picker-card可以更多的层次结构数据展示和选择。

2020/3/8 第一版

2020/3/13 正式第一版发布

体验地址:http://moxiaofei.com/picker-card/example/index.html

第一次写js插件,难免疏忽大意,大佬莫怪

使用

script标签引入方式使用

<body>
    <button id="btn">触发按钮</button>
</body>    
<script src="picker-card.min.js"></script>
<script>
let list = [{text:'一级-1'.children:[{text:'二级-1-2'}]},{text:'一级-2'}]    
new PickerCard({
    trigger:'#btn',
    list:list,
    success:function(res,o) {
        //返回选择项  o对象是最后选择项的对象
        document.getElementById('btn').innerHTML = res
        console.log(o)
    }
})
</script> 

参数配置

  • trigger:触发元素,值可以是DOM节点元素,也可以是选择器字符串
  • title:标题
  • list:注入的数据
  • isShowControl:是否显示操作按钮 默认是 false 不显示
  • success:选择完成后的回调 ======= 一种卡片式的联动选择器

2020/3/8 完成picker-card第一个版本

示例1

示例2

Package Sidebar

Install

npm i picker-card

Weekly Downloads

0

Version

1.0.4

License

ISC

Unpacked Size

9.64 kB

Total Files

4

Last publish

Collaborators

  • rookie_fly