`
ganjuelovejava
  • 浏览: 92062 次
  • 性别: Icon_minigender_2
  • 来自: 湖南
社区版块
存档分类
最新评论

jstree添加节点

 
阅读更多
//生成时间搓作为文档id
var id = new Date().getTime().toString();

function uploadSubmit() {

//判断上传文件和节点名称是否为空
  var AddNodeTextUrl_file = $("#AddNodeTextUrl_file").val();
  var AddNodeTextId = $("#AddNodeTextId").val();
if(AddNodeTextUrl_file == ""){
   alert(Add_Node_Text_Url_file);
    return false;
}
else if (AddNodeTextId == "") {
   alert(Add_Node_Text_Id);
return false;
}
   //获取文档名称
  var name = $("#AddNodeTextId").val();
 
  var libId = $("#libId").val();
  var libVersion = $("#libVersion").val();
 
 
  //获取当前上传的文档名称
  var urlNum = AddNodeTextUrl_file.lastIndexOf("\\");
  var url = AddNodeTextUrl_file.substring(urlNum,AddNodeTextUrl_file.length);
  url = url.replace("\\","/");

  //获取节点类型
  var type = $("#addMenu_select_node_type").val();
  //获取排列顺序
  var pos = $("#addMenu_select_sort").val();
 
  var position = "";
 
  if(type == "兄弟节点" && pos == "之前"){
    position = "before";
  }
  else if(type == "兄弟节点" && pos == "之后"){
      position = "after";
  }
  else if(type == "子节点" && pos == "之前"){
      position = "first";
  }
  else if(type == "子节点" && pos == "之后"){
    position = "last";
  }
 
  //添加节点时给li 和 a标签赋属性值
  var js = {
  attr : { id : id , libid : libId, libv : libVersion, sub : 1, stata : "", url : ""},
  data : {//showHtmlContent('topics/BSS角色场景map090819B1.doc','1282902377544')
  attr:{'class' : "li-a-b", style : "cursor: pointer;", onclick : "showHtmlContent(\'topics"+url+"\'"+",\'"+id+"\')", target : "cFrame_110", unselectable: "on"},
  // title: "<span onclick=\"getHtmlContent(\'" + id +"\')\">" + name + "</span>"
  title: name
  }
  };
  //调用create函数
$("#demo").jstree("create",checkNode,position,js,null,name);

//获取上传文档类型
var type = AddNodeTextUrl_file.indexOf(".");
var typeStr = AddNodeTextUrl_file.substring(type,AddNodeTextUrl_file.length);

//给新创建节点id隐藏域赋值
    $("#Id").attr("value",id);
//给新创建节点名称隐藏域赋值
    $("#AddNodeTextName1").attr("value",AddNodeTextId);
//给新创建节点类型隐藏域赋值
    $("#selectNodeType").attr("value",$("#addMenu_select_node_type").val());
//给新创建节点排序隐藏域赋值
    $("#selectNodePos").attr("value",$("addMenu_select_sort").val());
//给上传文档类型上传
    $("#documentType").attr("value",typeStr);
//关闭遮罩层
unlockWindow('addMenu');
    document.getElementById("addMenu").style.display = "none";
document.navi_addNode_form.submit();
return;

}
分享到:
评论

相关推荐

    jstree相关demo

    jsTree是一个 基于jQuery的Tree控件。支持XML,JSON,Html三种数据源。提供创建,重命名,移动,删除,拖"放节点操作。可以自己自定义创建,删 除,嵌套,重命名,选择节点的规则。在这些操作上可以添加多种监听事件...

    非常小巧功能强大的js tree

    非常小巧功能强大的js tree 实现tree view 视图 动态添加结点 简单添加ajax获取的数据 源代码大小不到4k 压缩后应该1k左右

    jstree.js Tree控件

    jsTree 是一个 基于 jQuery 的 Tree 控件。支持 XML,JSON,Html 三种数据源。提供创建,重命名,移动,删除,拖 " 放节点操作。可以自己自定义创建,删 除,嵌套,重命名,选择节点的规则。在这些操作上可以添加...

    yii2-jstree:Yii2 jsTree 组件

    要么跑 php composer.phar require --prefer-dist yii-dream-team/yii2-jstree "*"或添加 "yii-dream-team/yii2-jstree": "*"到 composer.json 的require部分。用法 &lt;?= \yiidreamteam\jstree\JsTree::widget([ ...

    纯js的树形菜单(添加删除节点)

    纯js的树形菜单(添加删除节点)动态添加父节点子节点。jquery实现

    树形表格菜单 动态添加节点/动态删除节点/动态移动节点

    3.动态添加节点/动态删除节点/动态移动节点 4.动态dom对象创建表格树 5.完美支持json格式数据,支持xml(需转换) 6.支持ajax加载节点 7.事件驱动 8.可以动态根据列内容排序 9.简化函数参数,利用{} object输入参数,风格...

    AjaxTree(可动态添加删除节点)

    简介:网上到处找树,树也有不少,但用起来总觉得少了什么, 并且能结合Ajax更新的树就更少了,怎么用都不爽,故自写此树 功能说明: 本树从实际要出法,完全按自己的要求写的;...将此JS引用到你要加入树的地方

    layui-tree实现Ajax异步请求后动态添加节点的方法

    最近在弄一个产品分类管理,是一个树形菜单的形式,用的是layui-tree ,由于它并没有动态添加节点,所以只能自己刚了。 大概效果如图 体的实现是当我鼠标移入“长袖”这个分类时,出现三个icon (如图),按“增加”...

    js实现的树tree

    用js实现的树Tree,简洁,只需修改html中树节点添加的部分代码即可。

    jquery.checktree.js(添加默认选中功能,补:例子)

    改良过的jquery.checktree,增加了默认选中功能,改变了子节点出现的方式为下滑。受网友提醒,补充上例子。

    fuelux.tree 自定义属性控件-自定义图标+动态加载数据+添加点击事件

    fuelux.tree 自定义属性控件-自定义图标+动态加载数据+添加点击事件。。。。。。。。。。。。。。。。

    jquery.checktree.js(添加默认选中功能)

    改良过的jquery.checktree,增加了默认选中功能 ,改变了子节点出现的方式为下滑。

    simpletree完整示例.

    1.代码中包括两种异步树加载,Default.aspx中使用json数据格式返回2.Default3使用兼容性很好的Jquery.simpletree树异步加载树,后台返回&lt;ul&gt;&lt;li&gt; html标记.可以拖拽树.且插件包很小,只包括jquery.simple.tree.css,...

    Tree_Demo.rar

    (1)、自动将数据组织成上下级关系,这样我们在前端手工添加数据或者从数据库中获取到的数据不需要我们来组织上下级关系 (2)、支持自定 加载目录树 支持XML、JSON 格式的数据加载 (3)、实现树节点的选择...

    vued3treeVUE实现自定义节点的树结构

    vued3treeVUE实现自定义节点的树结构

    js树形模板

    原生js对于我来说确实用的很少,但是今天就想着把原生的js的一些基础...先复习一下原生js的一些属性值的添加,替换,修改等。(其实添加和替换的效果差不多) 案例1:是添加替换input中的value值,更改button的value值

    Tabletree4j Version 2

    动态添加节点/动态删除节点/动态移动节点  4.动态dom对象创建表格树  5.完美支持json格式数据,支持xml(需转换)  6.支持ajax加载节点  7.事件驱动  8.可以动态根据列内容排序  9.简化函数参数,利用{} object...

    easyui从一个treegrid树形网格往另一个树形网格拖放数据

    下载easyui后使用其中的css和js,从一个treegrid树形网格资源 往另一个空的树形网格拖放数据,支持添加子节点、删除、编辑、保存、取消编辑、刷新、更新数据等功能

    2018-1-23_tree-multiselect-mydemo真实模拟项目中的添加和编辑功能

    原有官方资源的升级版,彻底解决使用tree-multiselect开发权限配置时需要用到的添加和编辑场景,打通前端交互使用障碍。下载后打开demo中/tree-multiselect.js-demo/test/mytest_new.html测试。

    Vue 实现树形结构非tree组件

    Vue实现树形结构,不采用tree组件,利用循环方式得到;实现全选,勾选父节点自动勾选子节点,勾选子节点反勾选相应父节点功能

Global site tag (gtag.js) - Google Analytics