不一样的ZTree，权限树.js插件

每一个有趣的创新,都源于苦逼的生活. 在最近的工作中,遇到一个做权限管理筛选的需求.简单总结需求:1展示一个组织中的组织结构2通过点击组织结构中的任意一个节点可以向上向下查询对应的组织结构如果你不想苦逼的重复劳动,还是造个轮子吧第一次遇到这样的需求,花费了很多时间去解决,在解决的过程中闪现一个灵感,觉得可以结合函数的递归用更少的代码去解决这个需求.于是经过一番研究,写出了自己的第一个插件,在这里还大家分享交流,欢迎大家使用交流~这里展示下demo中的使用效果如果你觉得这个轮子挺有趣,就给个…

基于SSM的RBAC权限系统(1)-利用ajax，bootstrap，ztree完成权限树功能

仅支持回显以及选择,不支持在树中的编辑搭建后台回显以及修改的模块 JSON数据封装 public class Msg { private int code; private String msg; private Map<String,Object> extend=new HashMap<String,Object>(); //还有一些getset方法没显示出来 public static Msg success(){ Msg result = new Msg(); result…

JQuery/JS插件 zTree树，点击当前节点展开，其他节点关闭

好像没找到现成的,就自己写了一个demo. 效果如下: 代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /> <script…

【原创】MVC+ZTree实现权限树的功能

今天自己采用MVC+ZTree的技术实现权限树的功能,有需要的可以收藏一下. 1.需要引用的JS 文件 <link href="~/Content/ZTree/css/demo.css" rel="stylesheet" /> <link href="~/Content/ZTree/css/metroStyle/metroStyle.css" rel="stylesheet" /> <script…

js插件---Bootstrap 树控件

js插件---Bootstrap 树控件一.总结一句话总结:可以直接用gojs,或者搜索js,jquery的树控件,或者bootstrap树控件,一大堆 gojs 二.JS组件系列——Bootstrap 树控件使用经验分享前言:很多时候我们在项目中需要用到树,有些树仅仅是展示层级关系,有些树是为了展示和编辑层级关系,还有些树是为了选中项然后其他地方调用选中项.不管怎么样,树控件都是很多项目里面不可或缺的组件之一.今天,博主打算结合自己的使用经历和网上找到的一些不错的树控件在这里做一个分享,…

zTree -- jQuery 树插件使用方法与例子

简介 zTree 是一个依靠 jQuery 实现的多功能 "树插件". 网址:http://www.ztree.me/v3/main.php#_zTreeInfo 上面的网址里有ztree的详细介绍.Demo 演示.API 文档.入门指南以及下载. 这里不再赘述. 使用说明 1.下载ztree文件将需要使用的 zTree v3.x 相关的 js.css.img 文件分别放置到相应目录,并且保证相对路径正确.2.引入ztree文件将下载的ztree文件保留需要用的相关的 js.cs…

JS插件之——ztree

很牛逼的一个树形菜单,树形下拉框插件.一年前用过,很好用.今天又有机会拿过来用,温故一下基本点,nice!! 官方文档说明的非常详细,按照API慢慢看,耐心解读,自然就可以解惑了. 官方文档及其源码下载核心代码展示: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>selectmenu.html</title&…

js插件ztree使用

最新给公司后台写了一个配置页面,在网上搜到一个js插件ztree,记录一下使用心得. 首先说一下ztree官网,好多方法我都是从官网api上学习的,官网地址http://www.treejs.cn/v3/main.php#_zTreeInfo 切入正题,我开始没有使用异步加载模式,但写时间发现编辑和添加后更新要使用的方法都是在异步加载模式的前提下,建议大家使用异步加载,方便后续操作. 首先是页面引用 <link href="zTree/css/zTreeStyle/zTreeStyle.c…

JQuery 树状结构 jQuery-treeview.js 插件

由简入繁实现Jquery树状结构在项目中,我们经常会需要一些树状结构的样式来显示层级结构等,比如下图的样式,之前在学.net的时候可以直接拖个服务端控件过来直接使用非常方便.但是利用Jquery的一些插件,也是可以实现这些效果的,比如说Jquery.treeview.js插件. 下面就直入主题,开始从简入繁的分析怎么使用treeview插件,从已知的知识开始轻松入手,让树状结构唾手可得. 显示树状结构的几个实现步骤: 一.HTML做初始静态原型. 首先通过<ul></ul><…

主攻ASP.NET.4.5.1 MVC5.0之重生:在项目中使用zTree jQuery 树插件

效果图和json格式 Controllers代码 using HR.Models; using HR.Models.Repository; /************************************************************************************ * 命名空间:HR.Controllers * Controller: TreeController * 版本号: F 1.0.0.0 * 负责人: Markfan * 电子邮箱:ffgi…

代码规范和常用的js插件以及测试工具

1.代码规范 .model层 1.1.1database file_proerty 1.1.2java fileProperty. 1.2.字段要有空指针 1.3.不创建爱数据库外键约束 1.4.已知字段长度作限制 1.5.任何model的逐渐都是以id命名 dao层暂无 .service层 .1每个model都有一个响应的service层实现 .2接口命名model+Service结尾,实现类model+ServiceImpl 实现类协商@Service标注 3.3.查询方法以get开头修…

玩转JS插件系列

说明:本系列文章只是通过学习JS插件源码来巩固自己的JS知识,不涉及任何商业目的,如有侵犯版权请尽快告知一.UI 背景对话框和灯箱筛选及排序反馈弹出层悬停布局图表加载圆边滚动标签文本链接工具提示网络类型二.输入拾色器日期和时间订制和风格拖和放通用输入自动完成密码投票率搜索选择框快捷键触摸丰富的输入上传验证三.媒体音频和视频幻灯片和轮播图图片展示图像地图滑块和旋转 Tabs 四.导航水平导航垂直导航文件树分页手风…

原生JS插件（超详细）

作为一个前端er,如果不会写一个小插件,都不好意思说自己是混前端界的.写还不能依赖jquery之类的工具库,否则装得不够高端.那么,如何才能装起来让自己看起来逼格更高呢?当然是利用js纯原生的写法啦.以前一直说,掌握了js原生,就基本上可以解决前端的所有脚本交互工作了,这话大体上是有些浮夸了.不过,也从侧面说明了原生js在前端中占着多么重要的一面.好了.废话不多说.咱们就来看一下怎么去做一个自己的js插件吧. 插件的需求我们写代码,并不是所有的业务或者逻辑代码都要抽出来复用.首先,我们得看一下…

iScroll.js插件使用方法

iScroll.js 用法参考 (share) 分享是传播.学习知识最好的方法以下这篇文章是iScroll.js官网的中文翻译,尽管自己英文不好,但觉得原作者们翻译的这个资料还是可以的,基本用法介绍清楚了.如果你英文比较好的话,可以看看官网的资料. 参考:http://www.cnblogs.com/asqq/archive/2012/04/23/2466132.html , http://www.nb88.net/Index/p/id/406 官网:http://cubiq.org/is…

如何定义一个高逼格的原生JS插件

插件的需求我们写代码,并不是所有的业务或者逻辑代码都要抽出来复用.首先,我们得看一下是否需要将一部分经常重复的代码抽象出来,写到一个单独的文件中为以后再次使用.再看一下我们的业务逻辑是否可以为团队服务. 插件不是随手就写成的,而是根据自己业务逻辑进行抽象.没有放之四海而皆准的插件,只有对插件,之所以叫做插件,那么就是开箱即用,或者我们只要添加一些配置参数就可以达到我们需要的结果.如果都符合了这些情况,我们才去考虑做一个插件. 插件封装的条件一个可复用的插件需要满足以下条件: 插件自身的作用域…

【jQuery小实例】js 插件查看图片

---本系列文章所用使用js均可在本博客文件中找到. 像淘宝一样,鼠标放在某一件商品上,展示大图信息,甚至查看图片的具体部位.给人超炫的效果,这种效果实现基于js文件和js插件.大致可以分为三步,添加js样式和插件,找到对应图片,写html代码和jQuery代码. 1,添加jQuery插件:jquery-1.8.3.js和jquery-1.8.3.min.js(插件可以下载). 基本上jQuery效果实现都基于此插件,类似于咱们在三层中的DbHelp类 2,添加查看图片的插件和样式和图片(big…

【PC端】jQuery+PHP实现浏览更多内容(jquery.more.js插件)

参数说明: 'amount' : '10', //每次显示记录数 'address' : 'comments.php', //请求后台的地址 'format' : 'json', //数据传输格式 'template' : '.single_item', //html记录DIV的class属性 'trigger' : '.get_more', //触发加载更多记录的class属性 'scroll' : 'false', //是否支持滚动触发加载 'offset' : '100', //滚动触发加…

chart.js插件生成折线图时数据普遍较大时Y轴数据不从0开始的解决办法[bubuko.com]

chart.js插件生成折线图时数据普遍较大时Y轴数据不从0开始的解决办法,原文:http://bubuko.com/infodetail-328671.html 默认情况下如下图 Y轴并不是从0开始,这样折现图的幅度会很大,不是正常的幅度,解决办法如下, 示例代码: window.onload = function () { var ctx = document.getElementById("canvas").getContext("2d"); window.m…

jQuery.cookie.js插件了解及使用方法

jquery.cookie.js插件实现浏览器的cookie存储,该插件是基于jquery开发,方便cookie使用. jquerycookie.js的下载地址 http://plugins.jquery.com/project/cookie 1.准备工作 1)由于该插件依赖jQuery,所以首先在页面引入jquey插件 2)在页面引入jQuery.cookie.js 2.使用方法设置cookie /* ** 设置cookie ** 第一个参数设置cookie的key ** 第二个参数设置co…

Intense Images – 全屏浏览图像的 JS 插件

Intense Images 是一个独立的 JavaScript 库,用于查看全屏图像.使用触摸/鼠标来实现图片位置的平移.图像元素的所有样式都是可以自定义的,Intense.js 只处理图像浏览器和字幕的制作. 您可能感兴趣的相关文章 12款经典的白富美型 jQuery 图片轮播插件让网站动起来!12款优秀的 jQuery 动画插件精心挑选的美轮美奂的 jQuery 图片特效插件精心挑选的优秀jQuery Ajax分页插件和教程精心挑选的优秀 jQuery 文本特效插件和教程源码下载…

C#.NET 大型通用信息化系统集成快速开发平台 4.0 版本 - 用户权限树的实现 -- 权限递归树

业务系统里经常会需要计算类似的树形权限树的业务需求 1:往往会有一些需求,a 对 b 有权限, b对c 有权限, 等等. 2:还需要很直观的看到,整个权限的树形关系,一目了然的那种. 3:程序调用简单,写代码很容易能调用我们写好的函数. 4:程序稳定,bug 少,考虑周全. 直接上图: 在模块菜单定义里,需要一个数据权限项的设定,设定方式如下图代码调用方法: BasePermissionScopeManager permissionScopeManager = new Business.Bas…

购物车增加、减少商品时动画效果：jQuery.Fly.js插件使用方法

某些电商网站加入购物车和减少购物车商品数量时,有个小动画,以抛物线形式增减,如图: 这里用到了第三方jQuery.Fly.js插件(底层依赖Jquery库,地址:https://github.com/amibug/fly/blob/master/src/fly.js),使用方法直接上代码,自己体验: 引入js库: <head lang="en"> <meta charset="UTF-8"> <title></ti…

jquery.autocomplete.js 插件的自定义搜索规则

这二天开始用jquery.autocomplete这个自动完成插件.功能基本比较强大,但自己在实际需求中发现还是有一处不足!问题是这样:当我定义了一个本地数据JS文件时,格式为JSON式的数组.如下: var stockInfoJson = [ { name: ",spell:"sfza" }, { name: ",spell:"wka"}, { name: ",spell:"stgn" }, { name: &qu…

bootstrap实现手机端滑动效果，滑动到下一页，jgestures.js插件

bootstrap能否实现手机端滑动效果,滑动到下一页 jgestures.js插件可以解决,只需要引入一个JS文件<script src="js/jgestures.min.js"></script>下面是JS代码:$(document).ready(function(){ //手势右滑 $('#myCarousel').bind('swiperight swiperightup swiperightdown',function(){ // 执行一些动作..…

异步上传图片，光用jquery不行，得用jquery.form.js插件

异步上传图片,光用jquery不行,得用jquery.form.js插件,百度一下下载这个插件,加jquery,引入就可以了 <form id="postbackground" method="POST" action="#" enctype="multipart/form-data"> <input name="upload" type="file" id="…

适用于各浏览器支持图片预览，无刷新异步上传js插件

文件上传无疑是web应用中一个非常常用的功能,不管是PHP.jsp还是aspx.mvc等都会需要文件上传,但是众所周知当使用自带的文件上传功能时总会出现页面刷新的情况.当然现在有了html5这个好东西,我们可以调用它的新的api来做文件的异步上传.但是非常可惜,这个新的api并非每个浏览器都支持. 如果你会flash这当然很好,你可以自己写一个flash的上传插件来支持上传,不过本文不会对flash这个技术做任何的讨论. 好了言归正传,我们还是来讨论下只使用js的情况下如何才能异步无刷新的上传文…