recruit-drop-list v1.0.29

recruit-drop-list 使用说明

参数说明

const props = {
    defaultItems: [
        {
            text: '111'
            ,value: 111
        }
    ]  //input框默认项数据
    ,canCreate: false 
    ,createBtnText: '添加共享者' //input框新增按钮文本  
    ,showPop: true //显示隐藏新增弹窗  
    ,disableKeyDown: false //是否禁用回车添加项功能
    ,disableInput: true  //input框禁用输入功能    
    ,title: "关键字" //label文本
    ,isRequired: true //是否必填
    ,lablePos: true //label位置，true时在左边，false在上边
    ,lableText: false //label中文字对齐方式，true左对齐，false右对齐 
    ,errorStatus: false
    ,errorMessage: '已超出最大数量限制'
    ,isEmailError: this.state.isEmailDuplicate // 邮箱错误状态
    ,emailErrorTip: '此邮箱已存在，无法再次新建' // 邮箱错误提示
    ,children: [
                {   
                    text: ['北森1', 'beisen1@qq.com', '部门1']
                    ,value: 11111 
                }
                ,{  
                    text: ['北森2', 'beisen2@qq.com', '部门2']
                    ,value: 22222 
                }
                ,{  
                    text: ['北森3', 'beisen3@qq.com', '部门3']
                    ,value: 33333 
                }
            ]  //下拉列表项数据
    ,autoShowPanel: true //当获取异步数据会自动渲染
    ,inputOnClick: function(event, value) {console.log(event, value)} // 点击输入框回调
    ,onSearch: function(event, value) {
        self.setSearchList(value);
    } // 输入内容搜索回调
    ,onSureClick: function(event, value) {
        console.log(value)
    } // 点击选择列表项回调  
    ,throwCreateData: function(object) {
        console.log(object)
    } // 新增项数据回调函,canCreate为true时可用
    ,onDeleteItem: function(event, value) {
                console.log(event, value)
            }
    ,validateEmail: function(value) {
        console.log(value)
    } // 邮箱特殊验证回调
}