InputSelect - ChinaSS/Util GitHub Wiki

##功能说明 通过下拉框形式选择数据, 具体功能如下:

  1. 支持单选/多选功能
  2. 多选时, 支持直接在input框上删除单个选项
  3. 支持已选数据初始化
  4. 支持对待选数据的文本检索功能

##API ###公共函数 InputSelect.getInput( id )

获取指定id的inputSelect实例

###对象函数 inputObj.refreshPanel( objArray )

接收数据对象数组, 动态刷新Panel面板数据

inputObj.dataInit( idArray )

接收数据ID数组, 动态设置当前选中数据

inputObj.getCurrentData()

获取当前组件选中数据

##参数列表

  • id - String
    必填, 定位页面元素锚点, 组件实例的唯一标示
  • multi - Boolean, 默认值:false
    设置选择模式, 单选/多选
  • searchAble - Boolean, 默认值:false
    是否启用文本搜索功能
  • simpleData - Boolean
    是否启用简单数据结构, 启用时应在key中配置pid&rootId
  • key - Object
    前后端数据字段转换, 属性对应字段含义如下:
    • id - 数据ID(必填)
    • pid - 数据父节点ID (simpleData为true时生效, 且必填)
    • rootId - 数据根节点ID (simpleData为true时生效, 默认为root)
    • name - 数据显示文本
    • data - 数据子节点对象数组 (simpleData未设置或值为false时生效, 表示树形数据结构的层级关系)
    • children - 数据子节点对象数组(不再建议使用data属性)
  • setting - ztree的setting属性
  • data - String|Array
    设置组件数据源, 有两种类型:
    • String : 远程数据源地址(URL)
    • Array : 前端数据对象数组
  • initData - Array (不推荐使用, 已由对象函数dataInit替代)
    设置初始化时选中数据的id数组
  • callback - Function, 参数:(idArray,objArray)
    选中数据改变时, 执行的回调函数, 接收参数为选中数据的ID数组数据对象数组
  • onlyLeaf - Boolean, 默认值:false[目前仅multi=false时有效] 是否只能选择叶子节点(根据treeNode里面的isParent属性判定是不是叶子节点)
  • position - String,默认值:bottom[可选值有top] 下拉框的弹出方向,默认bottom,top表示向上弹出,注:设置为top时需要指定panelHeight属性
  • panelHeight - String|int [在position=top时必填] 下拉框的高度