首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    用于创建树形部件 jQuery 插件:jsTree

    jsTree 是一个基于 jQuery 和 Sarissa 免费网页树形部件,它设置灵活,并且支持几乎主流浏览器,如:Internet Explorer 6 +, Mozilla Firefox,...jsTree 支持三种数据源头: 预先定义好 HTML -嵌套列表结构 JSON XML jsTree 主要功能有: 同步导入 - 只需要提供一个 URL,就会去请求数据(只适合 JSON 和 XML...支持打开,关闭,重命名,创建,删除节点(通过预先定义好规则) 支持多种回调函数(onchange, oncreate, ondelete, onload, 等等) 支持拖拉 支持多重选择 支持多种语言...支持主题(可以修改图标,大小和背景等等) 可以支持动态打开和关闭(configurable) 可选快捷键导航 支持多个树形部件 另外还可以做为 jQuery 插件

    1K10

    js 实现扁平数组转为树形结构数组及树形结构数组转为扁平数组

    // pid 代表属于父级 id // id 代表是自己本身id,本身 id 是多少 let flatArr = [ { id: 1, name: "部门1", pid: 0 },...子节点pid是父节点id,即某个对象 pid 与 某个对象 id 相同,则前者为后者子节点 // 2....// 3.遍历传入数组,根据传入 parent_id(pid),获取所有父节点对象,push 到数组中,作为第一层对象 // 4.在遍历数组过程中,获取数组 pid,从刚才保存对象中寻找父级对象是否存在如果存在..."部门5", pid: 4 }], }, ], }, ], }, ]; // 树形结构转为扁平数组...} = cur; return prev.concat([{ ...others }], flatten(children)); }, []); } console.log("树形数组转为扁平数组

    1.9K20

    树形 DP】树形 DP 通用思路

    题目描述 这是 LeetCode 上「310. 最小高度树」,难度为「中等」。 Tag : 「树形 DP」、「DFS」、「动态规划」 树是一个无向图,其中任何两个顶点只通过一条路径连接。...= bi 所有 (ai, bi) 互不相同 给定输入保证是一棵树,并且不会有重复树形 DP 这是一道树形 DP 模板题。...当确定以某个点为根节点时,整棵树形态唯一固定,不妨以编号为 0 节点作为根节点进行分析。 假设当前处理到节点为 u,其是从父节点 fa 遍历而来,且将要遍历子节点为 j。...即树形态如图所示(一些可能有的出边用虚线表示): 树形 DP 问题通常将问题根据「方向」进行划分。...Math.max(g[j], g[u] + 1); dfs2(j, u); } } } 时间复杂度: O(n) 空间复杂度: O(n) 补充 可能会初次接触「树形

    32820

    【算法解析】js 树形数据 转 扁平数据

    在项目开发过程中,都会遇到树形数据结构与扁平数据结构转换。...下面分享一下,树形数据结构转扁平数据结构方法 01 数据结构 树形数据结构 [{id:1, pid:0, name:'沃尔玛', childrens:[ {id:2, pid:1, name...name:'卫生纸'}, {id:7, pid:3, name:'牙刷'}, {id:8, pid:7, name:'电动牙刷'}, {id:9, pid:7, name:'普通牙刷'}] 02 树形转扁平...思路 ( 递归方法 ): 1、循环数组,取出每个对象进行判断 2、如果有children属性,将children传到flat函数重复执行,并将执行结构返回数组,加入到新数组中。...然后删除当前对象childrens属性 3、不管是否有childrens属性,都要将当前对象解构,然后加入新数组中 代码如下: function flat(arr){ var newArr=[];

    2K20

    树形图拖拽插件tree-drag | 开源项目推荐

    前言 好多天前,领导让我实现一个树形图拖拽插件,这个插件用来描述各部门领导与员工之间关系,每个父节点显示其子结点数量,拖拽任意一个叶结点上的人到另一个结点,他们之间关系发生改变,树形图重新渲染。...用户操作都完成后,点击保存根据树形图生成JSON,将JSON发送给后端,后端根据JSON修改数据库中的人员对应关系。 接下来就跟大家下分享下我实现这个插件,欢迎各位感兴趣开发者阅读本文。...难点分析 实现可拖拽树形图 可拖拽树形实现,也是本插件核心功能,根据dom特定规则构建树,实现拖拽功能,拖拽功能我使用是JQueryUI提供方法,获取当前拖拽结点和目标结点原始dom,重新构建树...渲染树形结构json数据 css 插件内用到css文件 js 插件内用到js文件 assets 静态资源存放目录 config 树形结构渲染需要文件 index.html 树形拖拽插件演示DEMO...--树形拖拽插件--> <!

    2.4K20

    js插件教程

    ;我为了方便都写到一个html中了;请把这个script标签中内容单独写在一个js文件里 //整个插件写在一个立即执行函数里;就是function(){}();函数自执行;保证里面的变量不会与外界互相影响...号(叹号)或者;(分号)这不是写错了,为了防止那个二货写js结束没有分号;而可能发生报错 /* ;function(win,doc,$,undefined){ }(window...比如你要点击按钮 添加input值到 div里 var addHtml = function(demo,btn){//插件名,调用时候直接new一下插件名就行了并传参数或者传对象(一般这个函数名手写字母大写比较好...add-1");//这里是实例1调用插件代码 new addHtml("demo-2","add-2"); //这里是实例2调用插件代码 //是不是明白为什么要写插件了;要封装...--这里是最简单插件写法;当然还有传对象参数插件等等。。。。-->

    35.1K10

    使用ztree.js,受益一生,十分钟学会使用tree树形结构插件

    看到ztree.js,这几个字眼,毋庸置疑,那肯定就是tree树形结构了,曾经swing年代有jtree,后来jquery年代有jstree和treeview,虽然我没写过,但是我见过,一些小功能做起来比较繁琐...,几个功能做了一个月,当然了有能力关系,也有插件易用度关系 最近要实现功能用tree树形结构来做是最好,就是资源分配,来简单讲讲ztree吧,这是目前国内很火一个插件,百度一下就能了解,使用起来十分简单...小编我用过3年jqgrid,在此还是要再次感谢当年王组让我去跟jqgrid深入浅出,多用了jqgrid后,再看ztree,那就十分简单了,不知道ztree作者是否也参考过jqgrid 首先你需要引入...js以及css吧 ?...zNodes是初始化静态数据,可以不用,这里为了方便贴了出来,初始化时候放入$.fn.zTree.init($("#treePermission"), setting, zNodes);即可 这是官网

    2K40

    评论JS插件~多说+畅言

    thread_key 可选 被评论文章在原站点文章标识。如果有thread_id,此参数是可选参数,否则是必选参数。 thread_id 可选 被评论文章多说文章ID。...parent_id 可选 父评论(被回复评论)ID。 author_name 可选 作者名字。如果已登陆多说,此参数是可选参数,否则是必选参数。 author_email 可选 作者邮箱。...remote_auth 可选 remote_auth串是判断用户是否登录依据。...likes int 一定返回 评论被点【赞】次数。 reports int 一定返回 评论被【举报】次数。 type string 一定返回 类型。现在均为空。...畅言:http://changyan.kuaizhan.com/ PC端 通用代码接入 畅言支持各种类型Web网站接入,网站只需要粘贴、复制JS代码到网页任意位置,或者复制代码到模板中,畅言评论框将在所有网页自动出现

    18.1K100

    JS图片预加载插件

    1)概念: 懒加载也叫延迟加载:JS图片延迟加载,延迟加载图片或符合某些条件时才加载某些图片。 预加载:提前加载图片,当用户需要查看时可直接从本地缓存中渲染。...2)区别: 两种技术本质:两者行为是相反,一个是提前加载,一个是迟缓甚至不加载。懒加载对服务器前端有一定缓解压力作用,预加载则会增加服务器前端压力。...服务器端区别:懒加载主要目的是作为服务器前端优化,减少请求数或延迟请求数。预加载可以说是牺牲服务器前端性能,换取更好用户体验,这样可以使用户操作得到最快反映。 例子: <!...hide(); document.title = '1/' + len;//初始化第一张 } }); //未封装成插件无序预加载...,因此用$.extend(object)挂载插件

    16.8K50

    js插件教程深入

    原文地址:https://github.com/lianxiaozhuang/blog 转载请注明出处 js插件教程深入 1.介绍具有安全作用域构造函数 function Fn(name...(this instanceof Fn)){ //只要不是new,用Fn()直接调用,这里this绝对不指向Fn;让它从 //新new一下;直到下一次代码走else里内容...Fn.prototype = { constructor:Fn, getF:function(){ console.log(1); } } 2.默认参数 //我们用过一些插件...4.方法名防止冲突处理 //如果在引入你插件之前,window下已经有Fn变量;怎么办,你如果这么搞; 岂不是把别人写Fn搞掉了 //此时应该把Fn控制权交出,自己用Fn2输出 (function...typeof define === 'function') define(function() { return MyPlugin; }); //注册全局变量,兼容直接使用script标签引入该插件

    13.8K10
    领券