jqgrid three 树形结构

　　最近我们的表格中，需要更改数据的显示方式，就是jqgrid中以树形的方式显示。请先看图：

　　

　　就是简单的这种从属方式。但是因为这个没有找到官方的文档（后来找到了，但是发现是翻译过来的，也不是很清楚），所以做出来稍微的有点困难，好在方法总比困难多。这个问题还是解决了，在这里我记录一下。方便以后的小伙伴们运用，如果有大神的话，也欢迎指出错误。

　　首先是在jqgrid中需要添加东西，请看下面的demo：

 treeGrid: true,
 treeGridModel: 'adjacency',  //固定写法，还有其他的一种方式，但是那种没有研究过
 ExpandColumn : 'agent_id', //
 ExpandColClick: true, //能不能点击 false就不能点击了，true就是能点击
 treeReader : {
           //前面的四个参数需要在json中展示
           level_field: "level",  //级别，主要是就是说展现出来是第几层，最高级是0，然后是1,2,3……
           parent_id_field: "parent",  //用来标识哪个是父元素（需要时字符串格式：“parent”：“123”是可以的，但是如果是“parent”：123就错了）
           leaf_field: "is_leaf",  //是不是根节点，false表示这个不是最后的节点，true表示是最后的节点。（如果这个是最后的节点，但是设置的还是false，会发生一种情况，就是点击这个又重新加载了一遍数据）
           expanded_field: "expanded", //是不是需要展开，false不展开，true展开
           loaded_field:true //
  },

就是这12行代码，其实上面的写在html中，前端的任务就算是完成了。但是考虑到还需要后台数据的配合，所以下面还是需要说一下， json数据的格式。

　　下面贴出来数据的格式：

 [
     {
         "agent_id": "2019-04-17",
         "game_id": "134283522",
         "level": 0,
         "is_leaf": false,
         "players": 42,
         "rounds": 42,
         "bets": 13650000,
         "effects": 26650000,
         "total_revenue": 8850000,
         "fees": 650000,
         "total_win_agent": -8850000,
         "id":"134283522",
         "expanded":false
     }, {
         "game_id": "134283522",
         "agent_id": 96292,
         "players": 42,
         "rounds": 42,
         "bets": "13650000",
         "effects": "26650000",
         "fees": "650000",
         "total_win_agent": "-8850000",
         "total_revenue": "8850000",
         "level": 1,
         "is_leaf": true,
         "parent": "134283522",
         "expanded":false
     }, {
         "agent_id": "2019-04-17",
         "game_id": "134284035",
         "level": 0,
         "is_leaf": false,
         "players": 6,
         "rounds": 6,
         "bets": 1800000,
         "effects": 950000,
         "total_revenue": 150000,
         "fees": 50000,
         "total_win_agent": -150000,
         "id":"134284035",
         "expanded":false
     }, {
         "game_id": "134284035",
         "agent_id": 96292,
         "players": 6,
         "rounds": 6,
         "bets": "1800000",
         "effects": "950000",
         "fees": "50000",
         "total_win_agent": "-150000",
         "total_revenue": "150000",
         "level": 1,
         "is_leaf": true,
         "parent": "134284035"
     },
     {
         "game_id": "134284035",
         "agent_id": 96292,
         "players": 6,
         "rounds": 6,
         "bets": "1800000",
         "effects": "950000",
         "fees": "50000",
         "total_win_agent": "-150000",
         "total_revenue": "150000",
         "level": 1,
         "is_leaf": false,
         "parent": "134284035",
         "id":"123"
     },
     {
         "parent":"123",
         "game_id": "134284035",
         "agent_id": 96292,
         "players": 6,
         "rounds": 6,
         "bets": "1800000",
         "effects": "950000",
         "fees": "50000",
         "total_win_agent": "-150000",
         "total_revenue": "150000",
         "level": 2,
         "is_leaf": true
     }
 ]

里面除了原来的数据，还需要把咱们需要的东西加进来。而且因为是个数组，所以这里面的数据是有顺序的，如果顺序不对的话，显示就有问题了。这里需要注意