Ztree修改数据回显

  首先上图片看下预期效果

  

  点击行政区域,加载树时,将北京市,天津市,河北省三个数据回传,并勾选

页面效果就是这样了,现在说下方法,先看代码

// 数据勾选回显     var zTree = $.fn.zTree.getZTreeObj("ztree");
    var treeData = ‘${treeData}‘;
    if(null != treeData && treeData != ""){
        var treeDataArr = treeData.split(",");
        for (var i=0, l=treeDataArr.length; i < l; i++) {
         // 获取回传的参数
            var nodes = zTree.getNodesByParam("name", treeDataArr[i] , null);
            // 根据回传参数勾选数据
            zTree.checkNode(nodes[0], true, true);
        }
    }

  这边主要用到两个ztree的方法:

  第一个是 ztree.getNodesByParam(key,value,parentNode) ,根据参数的name,取到name对应的node节点

  第二个是ztree.getcheckNode(node, checked, checkTypeFlag, callbackFlag),将取到数据的节点勾选起来

    再贴上一个勾选的回调函数onCheck,点击事件就是onClick没什么好说的

  最后贴上一个ztree的API,里面有详细的demo.

http://www.treejs.cn/v3/api.php





  


原文地址:https://www.cnblogs.com/zzTest/p/10184459.html

时间: 2024-10-29 22:06:57

Ztree修改数据回显的相关文章

springMVC参数绑定与数据回显

简单例子:修改商品信息的jsp页面: 参数绑定过程: 1.2.1  默认支持的参数类型 处理器形参中添加如下类型的参数处理适配器会默认识别并进行赋值. 1.1.1     HttpServletRequest 通过request对象获取请求信息 1.1.2     HttpServletResponse 通过response处理响应信息 1.1.3     HttpSession 通过session对象得到session中存放的对象 1.1.4     Model 通过model向页面传递数据,

&lt;radio&gt;数据回显

在做练习的时候遇到这样一组<radio> 添加保存数据的时候是JUST  SO  EASY,BUT在修改数据回显的时候,因为返回的对象是JSON,获取到radio的value值之后怎么也不能让页面正常显示选择的数据, 上网查了一种方法,把我的问题解决了,现在分享给大家,希望能帮到更多的人.方法如下: 其中ss是后台返回的JSON对象. 不知道大家有没有更好的办法,欢迎回复.

Ztree菜单树数据回显

Ztree菜单树数据回显,分两部分查询数据: 其一: 根据实体id查询出其关联的菜单数据 其二: 查询所有的菜单数据. 然后,使用Ztree API中进行菜单数据回显的数据进行回显数据,勾选菜单复选框. 代码 1 //2.设置菜单树的全局变量 2 var setting = { 3 data : { 4 key : { 5 title : "t" 6 }, 7 simpleData : { //开启简单数据 8 enable : true, 9 } 10 }, 11 check : {

zTree数据回显

//ztree数据回显$(document).ready(function(){ //加载树 $.fn.zTree.init($("#treeDemo2"), setting2, zNodes2); //获取到树 var zTree_Menu = $.fn.zTree.getZTreeObj("treeDemo2"); //获取将要回显的值,即树节点名称 var name = '${weatherEleMap.crops_name}'; var nodes = zT

Struts2实现input数据回显

/** 修改页面 */    public String editUI() {        //准备回显得数据        Role role = roleService.getById(id);                ActionContext.getContext().getValueStack().push(role); //下面的方法也能实现数据回显 //        this.name = role.getName();//        this.description

7、struts2 案例( 模型驱动、 防止表单重复提交--拦截器 、数据回显 、值栈 、 OGNL表达式综合运用)

struts2 案例 技术点: 模型驱动 防止表单重复提交–拦截器 数据回显 值栈 OGNL表达式 通配符.路径匹配原则.常量 数据处理的集中方式 请求数据自动封装以及类型转换 1.导包 c3p0-0.9.1.2.jar commons-dbutils-1.6.jar commons-fileupload-1.2.2.jar commons-io-2.0.1.jar commons-lang3-3.1.jar freemarker-2.3.19.jar javassist-3.11.0.GA.j

&lt;select&gt;多选时的数据回显

<select>标签有个属性为multiple,当设置multiple="true"时,在页面上可以按住ctrl键进行多选,在Action中可以给一个string类型的数组来获取前台的值,例子如下: 在action中给出set/get方法即可.然后根据数据库中的字段,添加到对象中即可. 但是在数据修改的时候,从数据库中查找到的是一个用逗号分隔的字符串,因此在回显之前需要做一些处理. s1是后台返回到前台的json对象,通过逗号将数据库查到的字符串拆分一下,然后拿到<s

表单很多数据项录入的时候,提交controller发生异常,数据回显。

1.添加的情况(Model传递Form Data) request.getSession().setAttribute("car", car); //抛出异常的时候,数据回显. 2.修改的情况(Model传递Form Data) Car car2 = carService.detailAll(car.getRegNo()); try { BeanUtils.copyProperties(car2, car); } catch (IllegalAccessException e) { e

SpringMVC【参数绑定、数据回显、文件上传】

前言 本文主要讲解的知识点如下: 参数绑定 数据回显 文件上传 参数绑定 我们在Controller使用方法参数接收值,就是把web端的值给接收到Controller中处理,这个过程就叫做参数绑定... 默认支持的参数类型 从上面的用法我们可以发现,我们可以使用request对象.Model对象等等,其实是不是可以随便把参数写上去都行???其实并不是的... Controller方法默认支持的参数类型有4个,这4个足以支撑我们的日常开发了 HttpServletRequest HttpServl