工具位置

• 左侧移动端app控件下

画面效果

说明

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

方法

• 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)，
• showLine(objectname, isShow)，是否开启连接线。
  • 缺省不开启连接线

  • 示例：pktree.toggle("tree1",1)

  • 

• showBox(objectname,isShow),是否开启复选框。

• 
  

  • 开启复选框后允许多选。缺省不开启

  • 示例：pkmobileswitch.setBgColor("switch1","green")

  • 

专有事件

• onChange事件。当某个节点被点击或选中时，触发onChange事件。参数：objectname,value。
• 其中value：返回的是选中节点的信息数组，至少包括id和title，其他属性根据setData时设定哪些就返回哪些

专有动画关联

无

专有属性配置对话框

• 可以配置是否显示连接线
• 可以配置是否显示复选框
• 可以设定当前树的数据的json字符串，即setData的内容