工具位置

左侧移动端app控件下

画面效果

说明

每个节点，title和id是必须的，其他可选。可随意定义自定义字段名称和值，点击按钮时会返回这些值。
仅节点左侧图标控制收缩，点击文字部分会调用onClick事件

方法

setData(objectname, nodeInfo)，设定属性控件的所有节点的信息，是一个数组，包含父子关系。
- nodeInfo格式：[{"title":"根","id":1,"name":"root","checked":true,"spread":1,"children":[{"title":"节点1","id":2,"name":"node2","checked":true,"spread":1},{"title":"节点2","id":3,"name":"node3","checked":true,"spread":1}]}]
- pktree.getValue("tree1",[{"title":"根","id":1,"name":"root","checked":true,"spread":1,"children":[{"title":"节点1","id":2,"name":"node2","checked":true,"spread":1},{"title":"节点2","id":3,"name":"node3","checked":true,"spread":1}]}])
getValue(objectname)，返回当前选中的节点，为json数组对象，可以选中多个。
- 示例：pktree.getValue("tree1")，返回示例：[{"title":"节点1","id":2,"name":"node2","checked":true,"spread":1},{"title":"节点2","id":3,"name":"node3","checked":true,"spread":1}]};
setValue（objectname,nodeidArray)，设定当前选中的节点。示例：pktree.setValue("tree1",[1,3]);
refresh(objectname)，
setStyle(objectname, text:{active-color,inactive-color},bgcolor)
showLine(objectname, isShow)，是否开启连接线。
- 缺省不开启连接线
- 示例：pktree.toggle("tree1",1)
showBox(objectname,isShow),是否开启复选框。
- 开启复选框后允许多选。缺省不开启
- 示例：pkmobileswitch.setBgColor("switch1","green")
setData(objectname, data),设定属性控件的所有节点的信息，是一个数组，包含父子关系。
- 示例:pktree.setData('treeBox',[{
  title: '江西'
  ,id: 1
  ,children: [{
  title: '南昌'
  ,id: 1000
  ,children: [{
  title: '青山湖区'
  ,id: 10001
  },{
  title: '高新区'
  ,id: 10002
  }]
  },{
  title: '九江'
  ,id: 1001
  },{
  title: '赣州'
  ,id: 1002
  }]
  },{
  title: '广西'
  ,id: 2
  ,children: [{
  title: '南宁'
  ,id: 2000
  },{
  title: '桂林'
  ,id: 2001
  }]
  },{
  title: '陕西'
  ,id: 3
  ,children: [{
  title: '西安'
  ,id: 3000
  },{
  title: '延安'
  ,id: 3001
  }]
  }])