ref-combobox v3.0.0

下拉参照 RefCombobox

何时使用

下拉参照

如何使用

$ ynpm install ref-combobox --save

引入

import RefComboBoxBaseUI from 'ref-combobox';

样式

import 'ref-combobox/lib/index.css';
或者
import 'ref-combobox/lib/index.less';

代码演示

分类

RefComboBoxBaseUI

带有输入框，下拉选择参照。默认，需要配合使用下面两个

DeprecatedComboStore

可走缓存数据的下拉。

DeprecatedComboItem

下拉的单条数据

API

RefComboBoxBaseUI

注意事项

参数解析

1.value vs displayField vs inputDisplay

• 1.1 displayField指定下拉列表menu的每条数据如何展示，可以带有icon

displayField : (record) => {
    return 
    <div > 
       <Icon type="uf-personin-o" style={{ color: 'red' }} />     {record.refname}-{record.refcode}-{record.type}
    </div>
}

• 1.2 inputDisplay 指定input框上的值如何展示，inputDisplay与value的格式有很大关系。
  • 1.2.1 字符串格式：value='{"refname":"用友集团1,用友集团2","refpk":"org1,org2"}' inputDisplay指定的字段只能包含refname和refpk。
  • 1.2.2 数组格式： value=[{label1:'label1',label2:'',label3:'',....,valueField:'键值'}] inputDisplay指定的字段可以是label1~valueField

value:[{refname:'用友',refpk:'org1',id:'no.1'}]
inputDisplay:(record) =>{
  return `${record.refname}-${record.id}`
}

2.多选功能下拉参照以及函数改名是在2.1.0稳定版本开始

更新日志