jquery easyui Treegrid 暴力修改父节点ID
来源:互联网 发布:正常饮食知乎 编辑:程序博客网 时间:2024/05/29 19:55
jquery easyui Treegrid 暴力修改父节点ID
项目页面需要展示组织架构及管理,作为一个前台菜鸟,第一时间 就想到了 easyui 的treegrid。然后在网上下载的API和demo,然后就开始了我的 苦逼 探索之路。
首先在建立treegrid的是API提供了两种新建方式
①
- <tableid="tt"class="easyui-treegrid"style="width:600px;height:400px"
- data-options="url:'get_data.php',idField:'id',treeField:'name'">
- <thead>
- <tr>
- <thdata-options="field:'name',width:180">Task Name</th>
- <thdata-options="field:'persons',width:60,align:'right'">Persons</th>
- <thdata-options="field:'begin',width:80">Begin Date</th>
- <thdata-options="field:'end',width:80">End Date</th>
- </tr>
- </thead>
- </table>
②
- $('#tt').treegrid({
- url:'get_data.php',
- idField:'id',
- treeField:'name',
- columns:[[
- {title:'Task Name',field:'name',width:180},
- {field:'persons',title:'Persons',width:60,align:'right'},
- {field:'begin',title:'Begin Date',width:80},
- {field:'end',title:'End Date',width:80}
- ]]
- });
之后就发现 ,怎么设置我的父类ID
看着API的数据 是这样的
{"total":9,"rows":[
{"id":1,"region":"Wyoming"},
{"id":11,"region":"Albin","f1":2000,"f2":1800,"f3":1903,"f4":2183,"f5":2133,"f6":1923,"f7":2018,"f8":1838,"_parentId":1},
{"id":12,"region":"Canon","f1":2000,"f2":1800,"f3":1903,"f4":2183,"f5":2133,"f6":1923,"f7":2018,"f8":1838,"_parentId":1},
{"id":13,"region":"Egbert","f1":2000,"f2":1800,"f3":1903,"f4":2183,"f5":2133,"f6":1923,"f7":2018,"f8":1838,"_parentId":1},
{"id":2,"region":"Washington"},
{"id":21,"region":"Bellingham","f1":2000,"f2":1800,"f3":1903,"f4":2183,"f5":2133,"f6":1923,"f7":2018,"f8":1838,"_parentId":2},
{"id":22,"region":"Chehalis","f1":2000,"f2":1800,"f3":1903,"f4":2183,"f5":2133,"f6":1923,"f7":2018,"f8":1838,"_parentId":2},
{"id":23,"region":"Ellensburg","f1":2000,"f2":1800,"f3":1903,"f4":2183,"f5":2133,"f6":1923,"f7":2018,"f8":1838,"_parentId":2},
{"id":24,"region":"Monroe","f1":2000,"f2":1800,"f3":1903,"f4":2183,"f5":2133,"f6":1923,"f7":2018,"f8":1838,"_parentId":2}
]
{"id":1,"region":"Wyoming"},
{"id":11,"region":"Albin","f1":2000,"f2":1800,"f3":1903,"f4":2183,"f5":2133,"f6":1923,"f7":2018,"f8":1838,"_parentId":1},
{"id":12,"region":"Canon","f1":2000,"f2":1800,"f3":1903,"f4":2183,"f5":2133,"f6":1923,"f7":2018,"f8":1838,"_parentId":1},
{"id":13,"region":"Egbert","f1":2000,"f2":1800,"f3":1903,"f4":2183,"f5":2133,"f6":1923,"f7":2018,"f8":1838,"_parentId":1},
{"id":2,"region":"Washington"},
{"id":21,"region":"Bellingham","f1":2000,"f2":1800,"f3":1903,"f4":2183,"f5":2133,"f6":1923,"f7":2018,"f8":1838,"_parentId":2},
{"id":22,"region":"Chehalis","f1":2000,"f2":1800,"f3":1903,"f4":2183,"f5":2133,"f6":1923,"f7":2018,"f8":1838,"_parentId":2},
{"id":23,"region":"Ellensburg","f1":2000,"f2":1800,"f3":1903,"f4":2183,"f5":2133,"f6":1923,"f7":2018,"f8":1838,"_parentId":2},
{"id":24,"region":"Monroe","f1":2000,"f2":1800,"f3":1903,"f4":2183,"f5":2133,"f6":1923,"f7":2018,"f8":1838,"_parentId":2}
]
发现API使用的是_parentId 那好我也修改我的 VO 与之保持一致,
但在调试的是发现
String approvalConfigJson=JSON.toJSONString(approvalConfig);approvalConfig为我的VO
List转String的时候 _parentId 字段丢失
查了相关资料发现 import net.sf.json.JSONObject; 在你命名不规范的时候 是不给你转的,还有就是当你的字段为NULL是他也不给你转
怎么办?
只好暴力修改API方法了
然后全局搜_parentId发现
jquery.easyui.min.js 中有相关字段,然后把_parentId的字段修改为自己的字段就OK了。
这样数据有了但是不是数结构。那是为什么呢?
之后又发现一个问题。
根节点不能带parentId,这样子我自己的方法就不能用了
想到JSON.toJSONString()的特性,我把根节点parentId 赋null值 就完美解决了
以上为easyui Treegrid 爬坑过程,希望对你有帮助。
阅读全文
0 0
- jquery easyui Treegrid 暴力修改父节点ID
- jquery easyui treegrid 实例
- easyui的treegrid,只能出来父节点,子节点出不来
- easyui treegrid动态加载节点
- easyui treegrid 获取子节点
- jquery easyui treegrid使用小结
- Jquery EasyUI TreeGrid异步加载
- jquery easyui treegrid使用小结
- 关于easyui treegrid 的数据格式的修改 完成类似于id pid 的平行数据
- jquery easyui:EasyUI Treegrid 树形网格
- jquery easyui treegrid使用小结:二
- Jquery EasyUI TreeGrid 一次性加载数据,递归
- jQuery EasyUI treegrid 增删改查 - 1
- jQuery EasyUI treegrid 增删改查 - 2
- jQuery EasyUI treegrid 增删改查 - 3
- jquery easyui的treegrid的级联扩展
- jquery easyui的treegrid的控制
- jQuery EasyUI treegrid异步加载数据
- maven添加oracle jdbc依赖
- Java GUI Button组件上的内容中文乱码问题
- linux(windows)之svn重定向地址
- Unity用Vuforia做AR实现脱卡效果
- lintcode --编辑距离
- jquery easyui Treegrid 暴力修改父节点ID
- 添加odbc数据源时的一些问题和解决办法
- Spring重写切面表达式
- 交叉工具链的安装
- CodeForces
- 模式:按业务能力分解
- CheckBox防止错乱
- 关于Matlab中double类型图像的后续处理问题
- Python深拷贝和浅拷贝