recruit-drop-list
v1.0.29
Published
## 参数说明
Downloads
8
Readme
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', '[email protected]', '部门1']
,value: 11111
}
,{
text: ['北森2', '[email protected]', '部门2']
,value: 22222
}
,{
text: ['北森3', '[email protected]', '部门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)
} // 邮箱特殊验证回调
}