树行表达方式

Posted 加油,少年!

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了树行表达方式相关的知识,希望对你有一定的参考价值。

树形图的结构大家不言而喻 ,非常的好用以及实用的完美性相结合,所以现在我给大家简洁的介绍一下树行的用法以及结构性!!

1.常规用法

这是树行结构的一个表视图 主要表达省份 市  以及区,这样做的目的呢,就是更加鲜明的表达出结构的用意 用来凸显实用化 简洁化 完美化 的这一部分。

<div id="test12" class="demo-tree-more"></div>

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
  <legend>常规用法</legend>
</fieldset>
 ,data1 = [
    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
    ]
  ]

 这些呢,就是表明树行结构的代码,主用data 来表示其中的用意,title表示的就是省份 当然 在里面也可以包含chidren 再次声明一个title来表明其中的一个市级城市 也可以一直套用chidren 来套用这个,可以无线连接下去,表明其中的实用关系。

2.手风琴模式

此图也是树行结构的图形 但是使用方法与前一种是完全不相同的结构 ,但是大致的意思是完全的相同,所以说二者选一的抉择,所谓换汤不换药的这种方式去表达同一种意思!

 
<div id="test2" class="demo-tree"></div>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
  <legend>手风琴模式</legend>
</fieldset>
tree.render(
    elem: '#test4'
    ,data: [
      title: '优秀'
      ,children: [
        title: '80 ~ 90'
      ,
        title: '90 ~ 100'
      ]
    ,
      title: '良好'
      ,children: [
        title: '70 ~ 80'
      ,
        title: '60 ~ 70'
      ]
    ,
      title: '要努力奥'
      ,children: [
        title: '0 ~ 60'
      ]
    ]
    ,accordion: true 
  );

树行表达图基本就是介绍这两种了,其实还有很多我就不一一介绍其他的方法方式了,只要记住都是换汤不换药的这种模式,认真去探求,一定是没有任何问题的! 加油,少年!

以上是关于树行表达方式的主要内容,如果未能解决你的问题,请参考以下文章

树行表达方式

java刷题--515在每个树行中找最大值

12、注册广播有几种方式,这些方式有何优缺点?请谈谈Android引入广播机制的用意。

java 515.在每个树行(BFS).java中查找最大值

java 515.在每个树行(BFS).java中查找最大值

java 515.在每个树行(BFS).java中查找最大值