[TOC] # 查詢控件下拉樹 ## 效果展示  ## 配置步驟 >查詢控件`下拉樹` `version 1.3.79及以上版本` `date 20210820` > 目前只支持接口方式設置下拉樹，接口需要返回如下格式的JSON數據。暫時不支持設置默認值。 ### 1、數據源配置 >在報表字段明細或報表參數中的`參數配置`中配置路徑,支持domainURL固定寫法{'loadTree':'路徑'}或http方式  ``` domainURL項目路徑方式：{'loadTree':'{{ domainURL }}/sys/user/treeTest'} ``` ``` http或https方式： {'loadTree':'http://api.jeecg.com/mock/26/queryTree'} ``` ## 后臺返回數據格式 ``` [{ id: 001, pid: '', value: 'A01' title: '節點名稱1' }, { id: 002, pid: '', value: 'A02' title: '節點名稱2' }] ``` ## 屬性說明 | 屬性 | 描述 | | --- | --- | | id | 標識 | | pid | 父節點的標識，和id一起標識上下級關系 | | value | 實際查詢用到的值 | | title | 下拉樹顯示的文本值 | * 2.后臺接口接收參數：`pid` 為空查詢一級節點 **接口示例代碼：** ``` //參考代碼 loadTree @GetMapping("/treeTest") public List<TreeModel> treeTest(@RequestParam(name="pid",required = false) String pid){ LambdaQueryWrapper<SysCategory> queryWrapper = new LambdaQueryWrapper<>(); if(pid==null || "".equals(pid)){ // 在這里 一級節點的pid是0,其他情況自己判斷 queryWrapper.eq(SysCategory::getPid, "0"); }else{ queryWrapper.eq(SysCategory::getPid, pid); } List<SysCategory> ls = this.sysCategoryService.list(queryWrapper); // 本例中 是先找原數據再轉化成 前端下拉樹需要的數據，實際可以自定義sql,返回model即可 List<TreeModel> result = new ArrayList<>(); for(SysCategory c: ls){ TreeModel mode = new TreeModel(c.getId(), c.getPid(), c.getCode(), c.getName()); result.add(mode); } return result; } ``` ``` /** * 參考代碼：loadTreeByValue * 通過value值獲取樹集合 * @param value 多個值，用逗號分割 * @return List<TreeModel> 樹集合 */ @GetMapping(value = "/loadTreeByValue") public List<TreeModel> loadTreeByValue(@RequestParam(name="value") String value) { List<TreeModel> treeModelList = new ArrayList<>(); LambdaQueryWrapper<WsControlTree> queryWrapper = new LambdaQueryWrapper<>(); queryWrapper.in(WsControlTree::getCode,Arrays.asList(value.split(","))); List<WsControlTree> ls = wsControlTreeService.list(queryWrapper); // 本例中 是先找原數據再轉化成 前端下拉樹需要的數據，實際可以自定義sql,返回model即可 for(WsControlTree tree: ls){ TreeModel mode = new TreeModel(tree.getId(), tree.getPid(), tree.getCode(), tree.getName()); treeModelList.add(mode); } return treeModelList; } ``` # 報表鉆取回顯參數 ## 效果展示  ## 配置步驟 ### 1、數據源配置 >需要配置`loadTree`加載樹結構 >[info] 在1.5.0以后的版本，還需要添加通過`value`值獲取樹集合，屬性名為`loadTreeByValue` > ``` domainURL項目路徑方式：{'loadTree':'{{ domainURL }}/sys/user/treeTest','loadTreeByValue':'{{ domainURL }}/demo/wsControlTree/loadTreeByValue'} ``` ``` http或https方式：{'loadTree':'http://192.168.1.109:8080/jeecg-boot/demo/wsControlTree/treeTest','loadTreeByValue':'http://192.168.1.109:8080/jeecg-boot/demo/wsControlTree/loadTreeByValue'} ```  ## 后臺返回數據格式 ``` [{ "title": "一級菜單", "value": "A01", "pid": "0", "id": "1537703191145512962" }] ``` ## 屬性說明 * 1.返回值屬性說明 | 屬性 | 描述 | | --- | --- | | id | 標識 | | pid | 父節點的標識，和id一起標識上下級關系 | | value | 實際查詢用到的值 | | title | 下拉樹顯示的文本值 | * 2. 自定義`loadTree`路徑代碼參考，后臺接口接收參數：`pid`為空時查詢一級節點 > ``` /** * 通過pid查詢樹集合 * * @param pid 父級id * @return List<TreeModel> 樹集合 */ @GetMapping(value = "/treeTest") public List<TreeModel> treeTest(@RequestParam(name = "pid", required = false) String pid) { List<TreeModel> treeModelList = new ArrayList<>(); LambdaQueryWrapper<WsControlTree> queryWrapper = new LambdaQueryWrapper<>(); if (pid == null || "".equals(pid)) { // 在這里 一級節點的pid是0,其他情況自己判斷 queryWrapper.eq(WsControlTree::getPid, "0"); } else { queryWrapper.eq(WsControlTree::getPid, pid); } List<WsControlTree> ls = wsControlTreeService.list(queryWrapper); // 本例中 是先找原數據再轉化成 前端下拉樹需要的數據，實際可以自定義sql,返回model即可 List<WsControlTree> result = new ArrayList<>(); for (WsControlTree tree : ls) { TreeModel mode = new TreeModel(tree.getId(), tree.getPid(), tree.getCode(), tree.getName()); treeModelList.add(mode); } return treeModelList; } ``` * 2. 自定義`loadTreeByValue`路徑代碼參考，后臺接口接收參數：`value`查詢的值，多個以逗號分割 ``` /** * 通過value值過去樹集合 * * @param value * @return */ @GetMapping(value = "/loadTreeByValue") public List<TreeModel> loadTreeByValue(@RequestParam(name = "value") String value) { List<TreeModel> treeModelList = new ArrayList<>(); LambdaQueryWrapper<WsControlTree> queryWrapper = new LambdaQueryWrapper<>(); queryWrapper.in(WsControlTree::getCode, Arrays.asList(value.split(","))); List<WsControlTree> ls = wsControlTreeService.list(queryWrapper); // 本例中 是先找原數據再轉化成 前端下拉樹需要的數據，實際可以自定義sql,返回model即可 List<WsControlTree> result = new ArrayList<>(); for (WsControlTree tree : ls) { TreeModel mode = new TreeModel(tree.getId(), tree.getPid(), tree.getCode(), tree.getName()); treeModelList.add(mode); } return treeModelList; } ```