
择ztree替代jstree是因为ztree的官网的api文档详细,容易理解。
下面说下在开发中ztree的2个功能的实现
1、给树赋值如下图
代码如下:
//修改-人员管理
function achievementmag_peopedit_click(id){
achievementmag_peop_add=false;
achievementmag_peop_validformresetForm();
//以下代码实现树赋值
var treeObj = $fnzTreegetZTreeObj("achievementmag_peop_structure");//根据 treeId 获取 zTree 对象
var node=treeObjgetNodeByParam("id",id, null);//根据节点数据的属性(id)获取条件完全匹配的节点数据 JSON 对象集合
treeObjselectNode(node,false);//根据节点数据选中指定节点,false表示单独选中,之前选中的节点会被取消选中状态,为true 表示追加选中
zTree的jquery树插件就可以生成树了。
1、setting 配置信息说明
普通使用,无必须设置的参数
与显示相关的内容请参考 API 文档中 settingview 内的配置信息
name、children、title 等属性定义更改请参考 API 文档中 settingdatakey 内的配置信息
2、treeNode 节点数据说明
标准的 JSON 数据需要嵌套表示节点的父子包含关系
例如:
var nodes = [
{name: "父节点1", children: [
{name: "子节点1"},
{name: "子节点2"}
]}
];
默认展开的节点,请设置 treeNodeopen 属性
ztree中获得选中的checkbox的值的方法和 *** 作步骤如下:
1、首先,创建一个HTML。 HTML是网页的基础和框架,如下图所示。
2、其次,完成上述步骤后,在html中添加测试数据以测试是否已选中该复选框,如下图所示。
3、接着,完成上述步骤后,编写javascript, 单击该按钮时,将触发事件以获取选定的复选框值,如下图所示。
4、然后,完成上述步骤后,美化页面,添加样式文件,并引入jquery文件,如下图所示。
5、最后,完成上述步骤后,打开浏览器,打开测试页面,然后进行测试,如下图所示。这样,问题就解决了。
以上就是关于ztree中的node有值,为什么node会出现undif全部的内容,包括:ztree中的node有值,为什么node会出现undif、jquery怎么获取点击的ztree树、ztree中如何获得选中的checkbox的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)