工具位置

• 左侧移动端app控件下

画面效果

Image Removed

方法

Image AddedImage AddedImage AddedImage AddedImage AddedImage AddedImage Added

说明

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

方法

• 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)

  • Image AddedImage Added

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

• 
  

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

  • 示例：pkmobileswitch

• getValue(objectname)，返回当前的值，为0或者1，示例：pkmobileswitch.getValue("switch1")
• setValue（objectname,value)，设定当前的值，value为0或者1。示例：pkmobileswitch.setValue("switch1",1)
• toggle(objectname)，在开和关之间切换。示例：pkmobileswitch.toggle("switch1")
• setBgColor(objectname,color),设置背景色。仅支持blue和green，缺省为蓝色。示例：pkmobileswitch

  • .setBgColor("switch1","green")

  • Image Added

专有事件

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

专有动画关联

...

无Image Removed

专有属性配置对话框专有属性配置对话框

• 可以配置是否显示连接线
• 可以配置背景颜色，选择框，选择内容：blue或green可以配置是否显示复选框

...

• 可以设定当前树的数据的json字符串，即setData的内容