jstree 插件的使用笔记（一）

官方:http://www.jstree.com/ 一.节点的描述官方资料:http://www.jstree.com/docs/json/ 格式一 { id : "string" // 对应节点 html 元素的 id,如果不填写此属性,则会自动生成一个 text : "string" // 节点的文本描述 icon : "string" // 节点的自定义图标地址 state : { opened : boolean //节点是否是打开状…

利用jstree插件轻松构建树应用

最近完成了项目中的一个树状应用,第一次接触了jstree这个插件,总的来说它的官方文档还是比较详细的,但是在使用过程中还是出现了一些问题,下面我就来谈谈这款插件的使用和心得. 首先项目需要构建一棵树,利用jstree插件我们先在页面上静态的把这棵树渲染出来,参照官方文档(http://www.jstree.com/),代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo…

PHP扩展插件imagick使用笔记

PHP扩展插件ImageMagick使用笔记 imagick是一个PHP的扩展,用ImageMagick提供的API来进行图片的创建与修改,不过这些操作已经包装到扩展imagick中去了,最终调用的是ImageMagick提供的API ImageMagick是一套软件系列,主要用于图片的创建.编辑以及转换等,详细的解释见ImageMagick的官方网站http://www.imagemagick.org/,ImageMagick与GD的性能要高很多,如果是在处理大量的图片时更加能体现ImageM…

【笔记】jstree插件的基本使用

官网地址:https://www.jstree.com/ json返回参数格式:推荐第二种方式不需要在重新拼接返回格式不刷新页面重新初始化 jstree时使用:$.jstree.destroy() 注销已初始化的数据虚线设置:在 plugins中添加wholerow.如: plugins: ["wholerow","contextmenu"] contextmenu是快捷菜单配置 1.拼接子节点格式 // Expected format of the n…

kubernetes CSI 插件机制学习笔记

前言最近在极客时间订阅了kubernetes的专栏,这篇文章是想记录一下自己学习 CSI 插件机制 (container-storage-interface) 的过程,加深一下记忆. 准备工作老师用的是 csi-digitalocean,还会用到 CSI 的 proto 文件,这是 git 地址container-storage-interface/spec, 在开始本文之前可以先把这两个 repo 下载下来. csi-digitalocean,这个是主要分析的代码,需要放到 GOPATH…

jsTree插件简介(三)

UI-plugin JSTree的UI插件:用来处理选择.不选和鼠标悬浮树选项的插件. 一.属性包括: 1.select_limit:指定一次可以选中几个节点,默认为-1,表示无限制选中. 2.select_multiple_modifier:处理当按住某个键时,用鼠标点击其他的节点可全部选中:(类似在文件目录中的按住ctrl并用鼠标选择其它目录或者文件):默认按键为"ctrl",可以用"shift","alt"等替代. 3.select_ran…

jquery jstree 插件的使用

最近一个项目需要用到jstree 这个jQuery插件,就研究了下,做目录树菜单还是很强大的,下面对经常会用到几个用法做下说明. 1. 首先页面引用 jquery.jstree 2. html : <div id="cate_tree" class="jstree fl"> <ul> <li id="0" class="jstree-closed jstree-unchecked">…

关于lazyload插件的一些笔记

Lazy Load Plugin for jQuery 需要引入 jQuery,兼容各种 IE,适合 PC 端使用.详细 API 可以参考 http://www.appelsiini.net/projects/lazyload 基于jQuery或Zepto的图片延迟加载插件国人 jieyou fork 自 Lazy Load Plugin for jQuery,增加了对 Zepto 的支持,故可引入到移动端. unveil.js(A very lightweight plugin to laz…

JQuery上传文件插件Uploadify使用笔记

新工作的第一份任务就是给实现限制Uploadify 上传文件格式为图片测试出来报错,选择了非图片文件,提示错误后,再选择其他文件,上传时还是包含了之前清空的非图片文件最后实现效果的代码是 //上传文件格式限制 'fileExt': "*.jpg;*.jpeg;*.gif;*.png;", 'fileDesc': "Please select *.jpg;*.jpeg;*.gif;*.png;", 'onSelect': function (e, queueId…

Unity3D行为树插件Behave学习笔记

Behave1.4行为树插件下载地址:http://pan.baidu.com/s/1i4uuX0L 安装插件和使用我们先来看看插件的安装和基本使用方法,新建一个Unity3D项目,这里我使用的是5.0以上的版本: 导入插件第一步当然是导入下载好的插件包了,操作略过... 创建资源首先我们创建一个名为BT的文件夹,点击Project面板的create来创建相应的资源: 我们会在Asset目录下生成一个NewBehaveLibrary0.asset的文件,我们重命名为MyBehaveLib…

JQuery 目录树jsTree插件用法

PHP循环构造目录树结构 <ul> <php> function digui($fid,$level){ $class=M("wangpan_class")->where('fid='.$fid)->select(); foreach($class as $v){ $child=M("wangpan_class")->where('fid='.$v['id'])->select();//如果不为空,表示有子类 if(!…

分布式监控系统Zabbix-图形集中展示插件Graphtree安装笔记

Zabbix想要集中展示图像,唯一的选择是screen,后来zatree解决了screen的问题,但性能不够好.Graphtree 由OneOaaS开发并开源出来,用来解决Zabbix的图形展示问题,性能较好,Graphtree默认只支持3.0.0以上的zabbix版本.Zabbix自带的"聚合图形"和Graphtree图形插件在使用上还是有一定区别的,其中:"聚合图形" 一般是用于同屏展示业务系统所有机器的同一个监控项的图形,而Graphtree 一般是用于同屏展…

jsTree 插件Ajax数据

完整代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>H+ 后台主题UI框架 - 文件管理器</title> <meta name="…

jsTree 插件

html代码 <div id="jstree1"></div> js代码: <script src="__STATIC__/h5/js/jquery.min.js?v=2.1.4"></script> <script src="https://static.jstree.com/3.3.5/assets/dist/jstree.min.js"></script> <sc…

springBoot支持PageHelp插件使用学习笔记

首先在springboot项目的maven中加入依赖(版本可能需要自己选择合适的) <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper-spring-boot-starter</artifactId> <version>1.2.3</version> </dependency> 接着在配置文件中加入配置信息 #…

Maven 中maven-assembly-plugin插件的使用笔记 SpringBoot环境

首先创建一个多模块的SpringBoot项目项目结构父pom的内容如下: <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation=&quo…

jsTree checkbox plugin使用笔记

引入css文件 <link rel="stylesheet" type="text/css" href="js/assets/global/plugins/jstree/dist/themes/default/style.min.css" /> 引入js文件 <script type="text/javascript" src="js/assets/global/plugins/jstree/dis…

asp.net MVC日志插件Log4Net学习笔记二:保存日志到sqlserver的配置

1.写到sqlserver的配置:  <log4net> <appender name="AdoNetAppender" type="log4net.Appender.AdoNetAppender">  <connectionType value="System.Data.Sq…

asp.net MVC日志插件Log4Net学习笔记一:保存日志到本地

log4net(Log For Net)是Apache开源的应用于.Net框架的日志记录工具,详细信息参见Apache网站.它是针对Java的log4j(Log For Java的)姊妹工具.用过log4j的都知道,它功能强大,可配置性灵活,线程安全,对日志的输出管理和级别管理方便.具体的使用方法往下看. 首先你应该下载log4net.dll并引入到你的项目References中,或者把源代码项目作为你工程的一部分加入到你的工程当中.单击这里下载Log4net . 使用log4net需要知道其中…

Unity插件-NGUI学习笔记

Anchors 的作用类似Android里面的.9格式图片的功能, 边框可以随着文字变大而变大. 实现方法: 用NGUI 创建一个Sprite, 命名为TextBg, 一个Label, Label的Overflow属性设置为Resize Freely. 将TextBg的Anchors 的type设置为Unified, Target设置为Label:…

CloudNotes之桌面客户端篇：插件系统的实现

[CloudNotes版本更新历史与各版本下载地址请点击此处] [CloudNotes中文系列文章汇总列表请点击此处] [查看CloudNotes源代码请点击此处] 有时候,同一个名词,针对不同的人群,应该采用不同的表达方式.比如插件的概念,对于程序员而言,可以将其称为插件,或者扩展.对于用户而言,或许"扩展功能"一词会更加贴切.本文还是脱离不了码农的气质,继续讨论技术问题,因此,我会以"插件"一词进行描述. 概述从1.0.5504.38654版本开始,Cloud…

基于Metronic的Bootstrap开发框架经验总结（3）--下拉列表Select2插件的使用

在上篇<基于Metronic的Bootstrap开发框架经验总结(2)--列表分页处理和插件JSTree的使用>介绍了数据的分页处理,使用了Bootstrap Paginator插件,另外对树形列表,采用了JSTree插件,本篇继续介绍在编辑页面中常用到的控件Select2,这个控件可以更加丰富传统的Select下拉列表控件,提供更多的功能和更好的用户体验. 1.Select2控件介绍这个插件是基于Select的扩展插件,能够提供更加丰富的功能和用户体验,它的github官网地址为:http…

学习开发jquery插件

先学习http://www.cnblogs.com/playerlife/archive/2012/05/11/2495269.html http://www.cnblogs.com/fromearth/archive/2009/07/08/1519054.html http://www.w3cfuns.com/article-5597091-1-1.html 再从jquery官网下几个简单点的插件看看(如下拉框插件selectordie.js和区域打印插件jquery.PrintArea.js…

实用chrome插件

2015年最实用的9款chrome插件随着14年chrome浏览器的市场超过IE浏览器,chrome凭借它强劲性能和出色的使用体验真正的登上了平民级的殿堂.今天小编就为大家推荐9款自己常用的chrome插件神器. 1.非常实用的chrome新标签页---Infinity新标签页 Infinity新标签页插件是一款可以把chrome默认新标签页换成一个美观实用的infinity新标签页,不仅有简洁美观的页面,还有快速拨号,邮件提醒,天气预报,笔记功能,待办事项,壁纸,历史记录管理等. 2.Chr…

Zim学习笔记（Fedora）

俗话说好记性不如烂笔头, 对于一个搞IT的人来说最好的笔毫无疑问就应该是电脑了, 但最好的本呢? 之前一直在找一款适合自己的笔记软件, 找来找去只有Zim适合自己, 当然对于有编辑器之神之美誉的emacs, 里面有很多插件可以用来记笔记, 功能最强大的应该属于org-mode了, 但鉴于org-mod对于记笔记来说感觉有点大财小用了,所以果断放弃. 下面是Zim的一些学习笔记和使用心得安装 fedora: yum install Zim (如果找不到的话, 可以试试yum search Z…

Omi框架学习之旅 - 插件机制之omi-transform及原理说明

给omi-transform插件做个笔记,使用起来也很爽. transform.js这个库,一直想写一篇帖子的,可是,数学不好,三维矩阵和二位矩阵理解的不好,所以迟迟没写了, 这也是一个神库,反正我很喜欢,那怎么和omi结合,怎么使用呢? 先看个demo吧. Omi.OmiTransform.init(); // 这个是初始化(源码是这么OmiTransform.init()写,为了方便,自己加了下) class App extends Omi.Component { constructor(d…

（转）基于Metronic的Bootstrap开发框架经验总结（3）--下拉列表Select2插件的使用

http://www.cnblogs.com/wuhuacong/p/4761637.html 在上篇<基于Metronic的Bootstrap开发框架经验总结(2)--列表分页处理和插件JSTree的使用>介绍了数据的分页处理,使用了Bootstrap Paginator插件,另外对树形列表,采用了JSTree插件,本篇继续介绍在编辑页面中常用到的控件Select2,这个控件可以更加丰富传统的Select下拉列表控件,提供更多的功能和更好的用户体验. 1.Select2控件介绍这个插件是基…

无限分级和tree结构数据增删改【提供Demo下载】

无限分级很多时候我们不确定等级关系的层级,这个时候就需要用到无限分级了. 说到无限分级,又要扯到递归调用了.(据说频繁递归是很耗性能的),在此我们需要先设计好表机构,用来存储无限分级的数据.当然,以下都是自己捣鼓的结果,非标准.谁有更好的设计望不吝啬赐教. 说来其实也简单,就是一个ID和父ID的关系. 以此类推,Id需要是唯一的,ParenId需要是Id列里面存在即可.这样我们就实现无限分级了,如果再加一列Sort排序就更完美了. jstree插件官方地址:https://www.jstre…

AngularJs 动态加载模块和依赖

最近项目比较忙额,白天要上班,晚上回来还需要做Angular知识点的ppt给同事,毕竟年底要辞职了,项目的后续开发还是需要有人接手的,所以就占用了晚上学习的时间.本来一直不打算写这些第三方插件的学习笔记,不过觉得按需加载模块并且成功使用这个确实是个好处,还是记录下来吧.基于本兽没怎么深入的使用requireJs,所以本兽不知道这个和requireJs有什么区别,也不能清晰的说明这到底算不算Angular的按需加载. 为了实现这篇学习笔记知识点的效果,我们需要用到: angular:https:/…

SSH框架中一些技巧、处理办法

1.使用jstree插件时,操作成功直接刷新jstree 该页面(index.jsp)本身使用iframe框架jstree在leftFrame,操作页(add_input.jsp.add_success.jsp等)在rightFrame. index.jsp中 function refresh(){ $("#partyTree").jstree("refresh", "#partyTree"); } add_success.jsp中 $(func…

【jstree 插件的使用笔记（一）】的更多相关文章