ref-combobox
<!-- * @Descripttion: * @version: * @Author: sueRimn * @Date: 2019-08-09 14:00:02 * @LastEditors: sueRimn * @LastEditTime: 2019-08-09 16:09:09 --> # 下拉参照 RefCombobox
Last updated a year ago by npm_yx .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install ref-combobox 
SYNC missed versions from official npm registry.

下拉参照 RefCombobox

何时使用

下拉参照

如何使用

$ ynpm install ref-combobox --save

引入

import RefComboBoxBaseUI, {ComboStore,ComboItem} from 'ref-combobox';

样式

import 'ref-combobox/lib/index.css';

代码演示

分类

RefComboBoxBaseUI

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

ComboStore

可走缓存数据的下拉。

ComboItem

下拉的单条数据

API

RefComboBoxBaseUI

参数 类型 默认值 说明 必选
className string 参照class样式,作用于整个参照的样式,默认为空。 'ref-walsin-modal'特殊样式
style object {} 参照style样式,作用域整个参照最外层和下拉panel
displayField string 或 function '{refname}' input中显示的内容的格式
当为字符串时则会根据{}包裹的增则匹配替换。
如:{refname}
当为函数时则需自定义返回内容,参数为迭代已选择的记录。
如:
displayField: (record)=> ${record.refname}-${record.refname},是input展示value
否如:'人员姓名:{refname},编号:{refcode}'
当为函数时则需自定义返回内容,参数为迭代已选择的记录。
如:
displayField: (record)=> ${record.refname}-${record.refname}
valueField string 'refpk' 待提交的value的键。或者说指定真实数据的键。要求具有唯一性
value string 带有input框参照的input默认值,展示形式配合displayField。格式必须符合'{"refname":"初级-T1","refpk":"level1"}'。refname和refpk必须有,refpk表示该条数据的键,应取valueFiled指定值
sliderWidth number或者String 'auto' 下拉菜单的宽度
comboboxStoreData array [] 下拉参照要展示dom集合,搭配<ComboItem>使用
storeData array [] 下拉参照数据集合,不传入storeData会导致onClickItemInner不能返回对应的完整数据
onClickItemInner function(record)|function(value,displayValue,e) -- 下拉选中,返回缓存的数据对应的数据。在没有传storeData情形下,不能返回完整数据,只能返回数据键值,展示值和event
onChangeFormControl function(value) - 输入框输入值回调,value是输入内容或者清空回调
onPopupVisibleChange function(popupVisible,sliderSearchVal) - 下拉面板状态改变时回调函数
onSelect function(currentIndex) - 翻页回调,返回当前页面
pageCount number 10 总页数
currPageIndex number 0 当前页码
loading boolean -- 是否展示加载
totalElements number 0 总条数
theme String 'ref-red' 参照主题
menuIcon node|dom 参照打开按钮,默认汉堡按钮
paginationProps object {} 配置分页的设置,具体参考bee-pagination
popupPlacement String 'bottomLeft'或者'bottomRight' 下拉面板与input左对齐或者右对齐,默认左对齐。注意当使用右对齐但是input左侧的没有足够空间,下拉就是出现在input右侧。

ComboStore 增量 API

注意:以下参数为 <ComboStore/>独有。对其他两个类型的引用无效。

参数 类型 默认值 说明 必选
topPagination bool false
lang String 'zh_CN' 分页多语['zh_CN','en_US','zh_TW']

ComboItem 增量 API

参数 类型 默认值 说明 必选
active bool false 该条数据是否是选中
text String '' 该条展示数据
value String '' data-value,自定义属性

注意事项

更新日志

Current Tags

  • 2.1.0-beta.2                                ...           beta (a year ago)
  • 2.0.9                                ...           latest (a year ago)

24 Versions

  • 2.0.9                                ...           a year ago
  • 2.0.8                                ...           a year ago
  • 2.0.7                                ...           a year ago
  • 2.0.6                                ...           a year ago
  • 2.1.1                                ...           a year ago
  • 2.0.5                                ...           a year ago
  • 2.1.0                                ...           a year ago
  • 2.1.0-beta.2                                ...           a year ago
  • 2.1.0-beta.0                                ...           a year ago
  • 2.0.4                                ...           a year ago
  • 2.0.3                                ...           a year ago
  • 2.0.2                                ...           a year ago
  • 2.0.1-beta.0                                ...           a year ago
  • 2.0.1                                ...           2 years ago
  • 2.0.0                                ...           2 years ago
  • 2.0.0-beta.2                                ...           2 years ago
  • 2.0.0-beta.1                                ...           2 years ago
  • 2.0.0-beta.0                                ...           2 years ago
  • 0.0.3                                ...           2 years ago
  • 1.1.2-beta                                ...           2 years ago
  • 1.1.1-beta                                ...           2 years ago
  • 1.1.0-beta                                ...           2 years ago
  • 0.0.2                                ...           2 years ago
  • 0.0.1                                ...           2 years ago
Downloads
Today 0
This Week 24
This Month 199
Last Day 13
Last Week 84
Last Month 448
Dependencies (11)

Copyright 2014 - 2017 © taobao.org |