版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

  • 每个节点,title和id是必须的,其他可选。可随意定义自定义字段名称和值,点击按钮时会返回这些值。
  •  仅节点左侧图标控制收缩,点击文字部分会调用onClick事件 仅节点左侧图标控制收缩,点击文字部分会调用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),
  • 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
      }]
      }])

专有事件

  • onClick事件。当某个节点被点击或选中时,触发onClick事件。参数:objectname

    onChange事件。当某个节点被点击或选中时,触发onChange事件。参数:objectname

    ,value。

  • 其中value:返回的是选中节点的信息数组,至少包括id和title,其他属性根据setData时设定哪些就返回哪些

...