树节点数据改变,通过js刷新jstree树,提示找不到Render.jstree({。。。。。。}).jstree(true);方法的问题

    使用公司封装的前端框架FUI,做树目录相关业务时,需求是更换树版本,jstree树节点数据改变,不重新加载页面的情况下,ajax异步请求,局部刷新整个树。

html:
<%@ page pageEncoding="UTF-8" contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

组织树版本管理
更换版本 删除备份版本
js:

    后台操作原理:两张表,一张树数据表,一张备份树数据表,更换版本时,将备份表中指定版本的树数据更新到树表中即可。

问题:再次调用这个加载树的ajax时报错,无刷新效果

原因:jstree组织树实例化一次后,需要销毁实例,才能再次创建jstree树

解决:在重新请求jstree树数据之前销毁之前创建的实例

$.jstree.destroy ();    //清空节点,从 DOM 中删除 jstree 的所有痕迹,并销毁所有的实例。

附:jstree API中文文档(https://download.csdn.net/download/cling_snail/11783563)

 

 

 

 

你可能感兴趣的:(前端技术)