`
ganjuelovejava
  • 浏览: 94016 次
  • 性别: 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(js写的树形菜单,支持加载10000节点以上)

    **JSTree:高效处理大数据量的JavaScript树形菜单组件** 在Web开发中,树形菜单是一种常见的数据展示形式,用于组织和展示层次结构的数据。JSTree是一款基于JavaScript的开源库,专为构建功能丰富的交互式树形菜单...

    jsTree中文api

    总结来说,jsTree提供了全面的API来处理树形数据,无论是在基本的操作,如添加、删除和移动节点,还是更复杂的事件处理和动态加载数据,都具有灵活的接口。结合jsTree的中文API文档,开发者可以轻松地在项目中集成和...

    jsTree 很好用的动态加载数

    在 jsTree 中,你可以轻松地进行节点的添加、删除和编辑操作。例如,`create_node` 方法用于在树中的指定位置创建新节点;`delete_node` 方法用于删除已存在的节点;`rename_node` 方法允许用户修改节点的文本。这些...

    使用jsTree实现js树形结构

    jsTree 具有众多插件,如 `checkbox`(复选框)、`contextmenu`(右键菜单)和 `search`(搜索功能),可以通过添加插件配置来启用。同时,你可以自定义主题以适应项目需求。 4. **API 调用** jsTree 提供了一套...

    jstree目录树控件

    jsTree支持多种操作,如节点的展开、折叠、添加、删除以及拖放功能,使其成为网页开发中的一个强大工具。 ### 主要特点 1. **跨浏览器兼容性**:jsTree可以在主流浏览器(如Chrome、Firefox、Safari、Edge和IE)上...

    jsTree JAVA例子

    jsTree 支持多种插件来扩展其功能,如 `checkbox` 插件实现复选框选择,`contextmenu` 插件添加右键菜单,`types` 插件定义不同类型的节点样式等。例如,启用 `checkbox` 插件: ```javascript $('#jstree').jstree...

    JsTree静态例子

    随着对JsTree理解的深入,你可以实现动态加载数据,比如从服务器获取节点信息,或者实现自定义的用户交互行为。 总之,JsTree是一个强大的JavaScript库,适合用来构建交互式的树形结构。通过学习和实践,你可以利用...

    JsTree 实例使用

    例如,添加节点: ```javascript $('#jstree').jstree('create_node', '#root', { 'text': '新节点' }); ``` 3. **事件监听**:可以绑定各种事件,如节点选择、展开等: ```javascript $('#jstree').on('...

    jstree创建无限分级树的方法【基于ajax动态创建子节点】.docx

    jstree 的灵活的数据绑定和动态创建子节点的功能,使其成为创建复杂树形结构的理想选择。 相关知识点 * JavaScript 面向对象编程 * JavaScript 遍历算法与技巧 * JavaScript 切换特效与技巧 * JavaScript 查找算法...

    jstree v1.0 实现树形结构

    2. **数据源**:jstree可以接受JSON数据,数据结构通常包含id、text和children等字段,定义节点的标识、显示文本和子节点。 3. **配置选项**:配置项包括核心(core)、外观(themes)、插件(plugins)等,如设置...

    手机端js tree

    4. 模块化和插件系统:js Tree可能包含各种插件,如拖放、搜索、检查框等,这些功能可以通过模块化设计轻松添加或移除,增强了代码的灵活性和可维护性。 三、移动端适配与优化 1. 响应式设计:js Tree需要根据设备...

    jsTree树形菜单

    - **异步加载**:当节点数据量大时,可以通过异步方式按需加载,提高页面性能。 - **可编辑节点**:允许用户编辑节点的文本。 - **搜索功能**:添加搜索插件,让用户快速查找树中的特定节点。 - **多选模式**:启用...

    jsTree实例,jsTree实例

    'data' : [ /* 节点数据数组 */ ] } }); }); ``` ### 数据源 (Data Source) jsTree 支持多种数据源,包括 JSON 数组、HTML、Ajax 等。例如,用 JSON 数据初始化树: ```javascript 'data' : { 'json_data' :...

    JStree 需要包含的资源

    JStree允许自定义每个节点的图标,可以设置`icon`属性为一个URL或CSS类名。此外,还可以通过自定义主题改变整体样式。 9. **与其他库的集成**: JStree可以很好地与jQuery UI、Bootstrap等前端框架集成,增强用户...

    jsTree 大集合

    jsTree 提供许多插件,如 `checkbox`(复选框)、`types`(节点类型管理)、`dnd`(拖放)等。启用插件只需在配置对象中添加相应插件名即可: ```javascript $("#tree").jstree({ "plugins": ["checkbox", "types...

    bootstrap-JsTree简单dome

    这个简单Dome提供了一个快速入门的例子,展示了如何在网页中集成JsTree,并实现多选、单选、添加和删除节点等功能。下面将详细介绍JsTree的核心特性以及如何与Bootstrap结合使用。 首先,JsTree是一个基于jQuery的...

    基于Jquery的JSTree实例

    JSTree的数据源通常是一个JSON对象,其中包含节点信息,如ID、文本、父节点ID等。例如: ```json [ { "id": "1", "text": "父节点1", "children": [ { "id": "1.1", "text": "子节点1.1" }, { "id": "1.2...

    jsTree集经典

    jsTree提供多种功能,如节点的拖放、搜索、上下文菜单、多选、异步加载等,使得用户可以轻松地操作和浏览复杂的数据。 ### 主要特性: 1. **可扩展性**:jsTree支持多种插件,允许添加自定义功能,如拖放、搜索、...

    jsTree大集合学习资料

    学习如何将数据结构转换为jsTree识别的格式,以及异步加载节点数据的方法。 3. **节点操作**:掌握添加、删除、移动、展开和折叠节点的方法,理解节点状态管理,如选中、禁用或隐藏节点。 4. **插件与扩展**:js...

    jstree.js Tree控件

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

Global site tag (gtag.js) - Google Analytics