pps-transfer

参数说明

const options = {
        dataSource,//全部数据
        titles:['可选字段','已选字段'],左右两侧标题
        searchPlaceholder:'请输入活动名称',输入框默认提示语，默认为'请输入搜索内容'
        targetKeys:this.state.targetKeys,//右侧数据id
        className: 'activity',
        dragable: true,//右侧是否可拖拽，默认为false，不可以拖拽
        showSearch: false,//是否显示搜索框,默认为true，可以搜索
        listStyle: {//数据列样式
            width: '300px',
            height: '300px'
        },
        onChange:(newTargetKeys) => {//左右移动时触发
            this.handleChange(newTargetKeys)
        },
        render:(item) => {//渲染列表的函数
           return  this.renderItem(item) 
        }
    }

实现的功能

• 左右窜梭
• 可搜索字段
• 可多选字段
• 已选字段可以上下拖动
• 可以render函数自定义显示dom