eaysui中treegrid无法显示父节点

后台代码查询的结果为：

放置内容的盒子：

  <table id="blocfield" class="easyui-treegrid"></table>

原先的错误写法为：

    $.ajax({data: {ajaxMethod: 'ClIQUE'},type: "post",dataType: 'json',cache: false,async: false,success: function (data) {for (var i = 0; i < data.length; i++) {data[i]._parentId = data[i].FPARENT;   //这个是重点，要把父节点换成_parentId （必须），记得前面有“_” ，他是用来记录父级节点，没有这个属性，是无法展示父级节点，其次就是这个父级节点必须存在，不然信息也是展示不出来，在后台遍历组合的时候，如果父级节点不存在或为0时，此时 _parentId 应该不赋值。如果赋值 “0” 则显示不出来}$('#blocfield').treegrid({data:data,              //**出错问题1，这里我绑定了一个数据源data**idField: "BLOCFCODE",  //定义标识树节点的键名字段method: "GET",         //请求方式rownumbers:true,treeField: "BLOCFNAME",//定义树节点的字段fit: true,        //网格自动撑满fitColumns: true, //设置为 true，则会自动扩大或缩小列的尺寸以适应网格的宽度并且防止水平滚动。singleSelect: true,columns: [[{ field: 'BLOCFNAME', title: '菜单名称', align: 'left', width: 100},{ field: 'BLOCFCODE', title: '菜单编号', align: 'left', width: 100 },{ field: '_parentId', title: '父节点', align: 'left', width: 100 }, //**出错问题2，这里我绑定的是FPARENT{field: 'BLOCENABLE', title: '状态', align: 'center', width: 100,formatter: function (value, row, index) {if (value == 1) {return "<div style='color:green'>启用</div>";} else {return "<div style='color:red'>禁用</div>";}}}]],onDblClickRow: function (row) {},toolbar: '#tb'})$('#blocfield').treegrid('loadData', { 'rows': data }); //**出错问题3，这里原来没有写，是在里面绑定的data}});

效果图为：

修改后的写法为：

  $.ajax({data: {ajaxMethod: 'ClIQUE'},type: "post",dataType: 'json',cache: false,async: false,success: function (data) {for (var i = 0; i < data.length; i++) {data[i]._parentId = data[i].FPARENT;}$('#blocfield').treegrid({idField: "BLOCFCODE",method: "GET",rownumbers:true,treeField: "BLOCFNAME",fit: true,fitColumns: true,singleSelect: true,columns: [[{ field: 'BLOCFNAME', title: '菜单名称', align: 'left', width: 100},{ field: 'BLOCFCODE', title: '菜单编号', align: 'left', width: 100 },{ field: '_parentId', title: '父节点', align: 'left', width: 100 },{field: 'BLOCENABLE', title: '状态', align: 'center', width: 100,formatter: function (value, row, index) {if (value == 1) {return "<div style='color:green'>启用</div>";} else {return "<div style='color:red'>禁用</div>";}}}]],onDblClickRow: function (row) {},toolbar: '#tb'})$('#blocfield').treegrid('loadData', { 'rows': data });}});

效果图：

treegrid数据源展示案例：
{
“total”: 25,
“rows”: [
{
“id”: 1,
“name”: “全国”,
“_parentId”: null //没有对应的父级节点为null
},
{
“id”: 2,
“name”: “北京市”,
“_parentId”: 1, //对应的父级节点
}，
{
“id”: 3,
“name”: “河北省”,
“_parentId”: 1, //对应的父级节点
}
]
}

eaysui中treegrid无法显示父节点相关推荐

html中treegrid不显示根节点,easyUI TreeGrid的加载问题
工作的原因,以后主要做一些JavaWeb的开发工作,开辟这个文章集主要用来记录学习的过程和分享遇到的问题,方便日后回顾或许还能帮助网友解决相同的问题. easyUi的TreeGrid的问题 easyu ...
html中treegrid不显示根节点,treegrid如何让子节点默认不展开
treegrid怎么让子节点默认不展开需求:内容都是动态生成的.点击父节点后才会展开子节点. 上图 treegrid代码 treeGrid = $('#treeGrid').treegrid({ u ...
EasyUI：combotree(树形下拉框)复选框选中父节点(子节点的状态也全部选中)输入框中只显示父节点的文本值
在开发过程中遇到的小案例效果展示未处理之前的效果: 处理之后的效果: 需求详情 combotree(树形下拉框)复选框选中父节点时输入框只显示父节点的文本值,但是子节点的状态是选中的. 当所有子节 ...
Easyui Tree扁平化数据不显示父节点的一种解决方法
使用SSM框架结合Easyui搭建一个简单CRUD表单时遇到无法设置父节点的问题,输出如下: 后台controller代码: 1 public List<Tree> queryname() ...
sql server父节点_将新节点添加到现有SQL Server Always On可用性组中
sql server父节点 This is the 5th article in the series of a comprehensive guide to SQL Server Always On ...
在决策树类相关算法中，一个接点的基尼系数通常是大于还是小于他的父节点？是总是大于还是总是小于？
在决策树类相关算法中,一个接点的基尼系数通常是大于还是小于他的父节点?是总是大于还是总是小于? 下图为笔者构建的树模型并可视化之后的效果图: 可视化决策树的代码如下: 具体细节可以参考: 构建决策树模 ...
zTree中父节点禁用，子节点可以用
参考学习网址:http://www.treejs.cn/v3/main.php#_zTreeInfo zTree中父节点禁用,子节点可以用 axios.get('/base/unit/unittree ...
sql 树状结构中知道父节点与孙节点_集群环境中使用Zookeeper实现分布式幂等控制...
一.什么是Zookeeper? Zookeeper(业界简称zk)是一种提供配置管理.分布式协同以及命名的中心化服务,这些提供的功能都是分布式系统中非常底层且必不可少的基本功能,但是如果自己实现这些功 ...
求一颗二叉树中两个节点的最低公共父节点
题目:求一棵二叉树中两个节点的最低公共父节点思路:递归和非递归 public static TreeNode getLastCommonParentRec(TreeNode root, Tree ...

eaysui中treegrid无法显示父节点

eaysui中treegrid无法显示父节点相关推荐

最新文章

热门文章