OutlookTree - jQuery MiniUI 3.0 Documentation

mini.OutlookTree

Outlook风格树形导航控件。

Extend

mini.Control

Examples

OutlookTree

Properties

NameTypeDescriptionDefault Set? Get? Tag?
url String 数据地址
idField String 值字段。 id
textField String 节点文本字段 text
iconField String 图标字段 iconCls
parentField String 父节点字段 pid
resultAsTree Boolean url数据是否列表 true
expandOnLoad Boolean/Number 加载后是否展开。比如:true展开所有节点;0展开第一级节点。以此类推。 false
dataField String 数据列表字段
imgPath String 节点图片路径。节点可以设置"img"属性。

Methods

NameParameterDescriptionReturn
load ( Array ) 加载树形数据。
loadList ( Array, idField, parentField ) 加载列表数据。比如:tree.loadList(list, "id", "pid")
getSelected ( ) 获取选中节点。
getNode ( value ) 根据值获取节点对象
expandPath ( node ) 展开节点路径
expandNode ( node, deep ) 展开节点
collapseNode ( node, deep ) 收缩节点
selectNode ( node ) 选中节点
findNodes ( fn, scope ) 查找节点数据。如:
var nodes = tree.findNodes(function(node){
    if(node.name.indexOf("abc") != -1) return true;
});
getList ( ) 获取节点数组。 Array

Events

NameEventObjectDescription
nodeclick
{
    sender: Object,
    node: Object,
    isLeaf: Boolean
}
节点点击时发生
nodeselect
{
    sender: Object,
    node: Object,
    isLeaf: Boolean
}
节点选中时发生
beforenodeexpand
{
  sender: Object,
  tree: Object,         //树对象
  node: Object
}
展开节点前发生
nodeexpand
{
  sender: Object,
  tree: Object,         //树对象
  node: Object
}
展开节点后发生
beforenodecollapse
{
  sender: Object,
  tree: Object,         //树对象
  node: Object
}
折叠节点前发生
nodecollapse
{
  sender: Object,
  tree: Object,         //树对象
  node: Object
}
折叠节点后发生