mini.TreeSelect

树形下拉选择框。

Extend

PopupEdit

Usage

<input class="mini-treeselect" url="../data/tree.txt" valueField="id" textField="text"/>

Screenshots

Examples

TreeSelect

Properties

NameTypeDescriptionDefault Set? Get? Tag?
virtualScroll Boolean 虚拟模式。适用于大数据显示场合。 false
data Array 树形数据对象
url String 数据加载地址
value String 选中的节点值
valueField String 值字段。 id
parentField String 父节点字段 pid
resultAsTree Boolean url数据是否列表 true
textField String 节点文本字段 text
pinyinField String 拼音字段
multiSelect Boolean 多选 false
checkRecursive Boolean 是否联动选择 false
showTreeIcon Boolean 显示节点图标 true
showTreeLines Boolean 显示树形线条 true
showFolderCheckBox Boolean 显示父节点checkbox false
autoCheckParent Boolean 是否自动选择父节点。比如选中子节点,将父节点也自动选中。 false
expandOnLoad Boolean/Number 加载后是否展开。比如:true展开所有节点;0展开第一级节点。以此类推。 false
valueFromSelect Boolean 必须从选择项录入 false

Methods

NameParameterDescriptionReturn
setValue(value) 设置值
getValue() 获取值
getFormValue() 获取表单值 String
load(url) 加载数据
loadList ( Array, idField, parentField ) 加载列表数据。比如:tree.loadList(list, "id", "pid")
getData ( ) 获取树形数据
getList ( ) 获取列表数据
getSelectedNode ( ) 获取选中的节点
getCheckedNodes ( haveParent ) haveParent: Boolean。是否包含父节点。 获取Check选中的多个节点

Events

NameEventObjectDescription
valuechanged 值改变时发生
nodeclick 下拉项点击时发生
beforenodecheck
{
  sender: Object,         //树对象
  node: Object,           //节点对象
  isLeaf: Boolean,
  checked: Boolean,       //Check状态
  cancel: false
}
Check选择前发生
beforenodeselect
{
  sender: Object,         //树对象
  node: Object,           //节点对象
  isLeaf: Boolean,
  cancel: false
}
选择节点前发生