//生成时间搓作为文档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:高效处理大数据量的JavaScript树形菜单组件** 在Web开发中,树形菜单是一种常见的数据展示形式,用于组织和展示层次结构的数据。JSTree是一款基于JavaScript的开源库,专为构建功能丰富的交互式树形菜单...
总结来说,jsTree提供了全面的API来处理树形数据,无论是在基本的操作,如添加、删除和移动节点,还是更复杂的事件处理和动态加载数据,都具有灵活的接口。结合jsTree的中文API文档,开发者可以轻松地在项目中集成和...
在 jsTree 中,你可以轻松地进行节点的添加、删除和编辑操作。例如,`create_node` 方法用于在树中的指定位置创建新节点;`delete_node` 方法用于删除已存在的节点;`rename_node` 方法允许用户修改节点的文本。这些...
jsTree 具有众多插件,如 `checkbox`(复选框)、`contextmenu`(右键菜单)和 `search`(搜索功能),可以通过添加插件配置来启用。同时,你可以自定义主题以适应项目需求。 4. **API 调用** jsTree 提供了一套...
jsTree支持多种操作,如节点的展开、折叠、添加、删除以及拖放功能,使其成为网页开发中的一个强大工具。 ### 主要特点 1. **跨浏览器兼容性**:jsTree可以在主流浏览器(如Chrome、Firefox、Safari、Edge和IE)上...
jsTree 支持多种插件来扩展其功能,如 `checkbox` 插件实现复选框选择,`contextmenu` 插件添加右键菜单,`types` 插件定义不同类型的节点样式等。例如,启用 `checkbox` 插件: ```javascript $('#jstree').jstree...
随着对JsTree理解的深入,你可以实现动态加载数据,比如从服务器获取节点信息,或者实现自定义的用户交互行为。 总之,JsTree是一个强大的JavaScript库,适合用来构建交互式的树形结构。通过学习和实践,你可以利用...
例如,添加节点: ```javascript $('#jstree').jstree('create_node', '#root', { 'text': '新节点' }); ``` 3. **事件监听**:可以绑定各种事件,如节点选择、展开等: ```javascript $('#jstree').on('...
jstree 的灵活的数据绑定和动态创建子节点的功能,使其成为创建复杂树形结构的理想选择。 相关知识点 * JavaScript 面向对象编程 * JavaScript 遍历算法与技巧 * JavaScript 切换特效与技巧 * JavaScript 查找算法...
2. **数据源**:jstree可以接受JSON数据,数据结构通常包含id、text和children等字段,定义节点的标识、显示文本和子节点。 3. **配置选项**:配置项包括核心(core)、外观(themes)、插件(plugins)等,如设置...
4. 模块化和插件系统:js Tree可能包含各种插件,如拖放、搜索、检查框等,这些功能可以通过模块化设计轻松添加或移除,增强了代码的灵活性和可维护性。 三、移动端适配与优化 1. 响应式设计:js Tree需要根据设备...
- **异步加载**:当节点数据量大时,可以通过异步方式按需加载,提高页面性能。 - **可编辑节点**:允许用户编辑节点的文本。 - **搜索功能**:添加搜索插件,让用户快速查找树中的特定节点。 - **多选模式**:启用...
'data' : [ /* 节点数据数组 */ ] } }); }); ``` ### 数据源 (Data Source) jsTree 支持多种数据源,包括 JSON 数组、HTML、Ajax 等。例如,用 JSON 数据初始化树: ```javascript 'data' : { 'json_data' :...
JStree允许自定义每个节点的图标,可以设置`icon`属性为一个URL或CSS类名。此外,还可以通过自定义主题改变整体样式。 9. **与其他库的集成**: JStree可以很好地与jQuery UI、Bootstrap等前端框架集成,增强用户...
jsTree 提供许多插件,如 `checkbox`(复选框)、`types`(节点类型管理)、`dnd`(拖放)等。启用插件只需在配置对象中添加相应插件名即可: ```javascript $("#tree").jstree({ "plugins": ["checkbox", "types...
这个简单Dome提供了一个快速入门的例子,展示了如何在网页中集成JsTree,并实现多选、单选、添加和删除节点等功能。下面将详细介绍JsTree的核心特性以及如何与Bootstrap结合使用。 首先,JsTree是一个基于jQuery的...
JSTree的数据源通常是一个JSON对象,其中包含节点信息,如ID、文本、父节点ID等。例如: ```json [ { "id": "1", "text": "父节点1", "children": [ { "id": "1.1", "text": "子节点1.1" }, { "id": "1.2...
jsTree提供多种功能,如节点的拖放、搜索、上下文菜单、多选、异步加载等,使得用户可以轻松地操作和浏览复杂的数据。 ### 主要特性: 1. **可扩展性**:jsTree支持多种插件,允许添加自定义功能,如拖放、搜索、...
学习如何将数据结构转换为jsTree识别的格式,以及异步加载节点数据的方法。 3. **节点操作**:掌握添加、删除、移动、展开和折叠节点的方法,理解节点状态管理,如选中、禁用或隐藏节点。 4. **插件与扩展**:js...
jsTree 是一个 基于 jQuery 的 Tree 控件。支持 XML,JSON,Html 三种数据源。提供创建,重命名,移动,删除,拖 " 放节点操作。可以自己自定义创建,删 除,嵌套,重命名,选择节点的规则。在这些操作上可以添加...