jsTree 是一个基于 jQuery 和 Sarissa 的免费网页树形部件,它设置灵活,并且支持几乎主流的浏览器,如:Internet Explorer 6 +, Mozilla Firefox,...jsTree 支持三种数据源头: 预先定义好的 HTML -嵌套的列表结构 JSON XML jsTree 的主要功能有: 同步导入 - 只需要提供一个 URL,就会去请求数据(只适合 JSON 和 XML...支持拖拉 支持多重选择 支持多种语言 支持主题(可以修改图标,大小和背景等等) 可以支持动态打开和关闭(configurable) 可选的快捷键导航 支持多个树形部件 另外还可以做为 jQuery 插件...下载:jsTree。 ----
实例配置 上一节入门篇中的例子使用了jsTree控件的默认配置,其实我们也可以自定义配置。...例如,下面的代码修改控件的主题: $.jstree.defaults.core.themes.variant = "large"; $('#jstree').jstree(); 上面的代码虽然修改了控件的主题...,但是后面再创建jsTree的实例,将会使用同一各配置,有没有办法实现使用不同的配置来创建jsTree实例了,答案就时直接给实例对 象传递一个配置对象。...,每个字符串代表实例中需要激活的插件。...而其它不依赖于插件的选项全部位于配置对象的core键中,而每个插件的配置都位于键名为插件名的字典中。
标准JSON格式 使用JSON渲染jsTree的话,需要指定JSON的格式,jsTree可以使用两种JSON格式,在标准JSON格式中,没有必需的属性,而且还可以添加自定义的属性。...jsTree会自动创建相应的树形结构,通过设置parent = "#"来设置节点为父节点。 这种结构适合于需要一次性渲染树形结构或者数据保存在数据库的情况。...标准JSON格式 $('#using_json').jstree({ 'core' : { 'data' : [ 'Simple root node', {...text' : 'Child 1' }, 'Child 2' ] } ] } }); 可选JSON格式 $('#using_json_2').jstree...$('#tree').jstree({ 'core' : { 'data' : function (obj, cb) { cb.call(this,
下载控件 从jsTree下载。..."> 引入jsTree 部署环境使用压缩版的jsTree.min.js,如果是开发环境可以使用jsTree.js jstree.min.js"> 创建jsTree实例 DOM加载完毕之后,就可以创建jsTree实例对象了。...$(function () { $('#jstree_demo_div').jstree(); }); 监听事件 jsTree使用事件来监听用户与属性控件之间的交互,所以给jsTree绑定事件也很容易,...#jstree').jstree(true).select_node('child_node_1'); $('#jstree').jstree('select_node', 'child_node_
文章目录 一、自定义插件作用 二、Android Gradle 插件的 AppExtension 扩展 三、自定义 Extension 扩展 Android Plugin DSL Reference 参考文档...---- 在 Gradle 自定义插件 Plugin 中 , 如果要执行复杂的工作 , 可以在 实现的 Plugin 接口的 apply 函数中执行 ; package org.gradle.api;...public interface Plugin { void apply(T var1); } 一般情况下 , 自定义插件工程都是针对 特定的 需求 , 开发固定功能的插件 ; 二、Android...Gradle 插件的 AppExtension 扩展 ---- Android Gradle 插件 也是一个 自定义插件 , 这个插件功能复杂 , 代码量较大 , 如 定义了 AppExtension...; 自定义 Gradle 插件中 , 可以定义自己的扩展 ; 首先 , 调用 project.extensions.create 方法 , 创建扩展 , 类似于 Android Gradle 插件中的
文章目录 一、在 buildSrc 模块中定义 Gradle 插件 二、在 build.gradle 构建脚本中自定义 Gradle 插件 三、在其它 gradle 脚本中字定义 Gradle 插件 Android...该 自定义 Gradle 插件可以在当前工程中的所有 Module 子模块都可以使用 ; 自定义 Gradle 插件 - GitHub 地址 : https://github.com/han1202012.../Android_UI 二、在 build.gradle 构建脚本中自定义 Gradle 插件 ---- 在 build.gradle 构建脚本中 , 也可以创建自定义 Gradle 插件 , 并调用该插件中的方法...MyPlugin2 这种方式需要拷贝代码 , 通用性不高 ; 自定义 Gradle 插件 - GitHub 地址 : https://github.com/han1202012/Android_UI 三...导入成功 ; 自定义 Gradle 插件 - GitHub 地址 : https://github.com/han1202012/Android_UI
在Gradle中创建自定义插件,Gradle提供了三种方式: 在build.gradle脚本中直接使用 在buildSrc中使用 在独立Module中使用 开发Gradle插件可以在IDEA中进行开发...pluginsrc.properties中的名字——pluginsrc,通过这种方式,就加载了自定义的插件。...在buildSrc中创建自定义Gradle插件只能在当前项目中使用,因此,对于具有普遍性的插件来说,通常是建立一个独立的Module来创建自定义Gradle插件。...部署到本地Repo 因为是通过自定义Module来创建插件的,因此,不能让Gradle来自动完成插件的加载,需要手动进行部署,所以,需要在插件的build.gradle脚本中增加Maven的配置,脚本如下所示...引用插件 在buildSrc中,系统自动帮开发者自定义的插件提供了引用支持,但自定义Module的插件中,开发者就需要自己来添加自定义插件的引用支持。
你可以使用你喜欢的语言开发插件,但是最终是要编译成字节码在 JVM 运行的。 Gradle 有两种插件,脚本插件和二进制插件。...关于插件的介绍,可以参考我的另一篇文章 Gradle 插件 这里讲的自定义插件是二进制插件,二进制插件可以打包发布,有利于分享。...可以在三个地方定义插件 在脚本里 在 buildSrc 下 在单独的项目里 三个地方的插件的用途目的不同。 在脚本里的插件 其他项目无法使用,只能在本脚本里使用。...fruit.getName(), fruit.getColor()); getLogger().quiet("fruit : {}",format); }); } } 关于自定义插件的相关介绍就这些了...,更详细的文档可以查看 Gradle 用户手册 这篇文章的源码已经放在 github 上:GradlePractice 资料 自定义插件 https://docs.gradle.org/current
前言:自定义插件就是解决在maven执行过程的生命周期里执行一些自定义的逻辑。...public void execute() throws MojoExecutionException, MojoFailureException { getLog().info("自定义插件成功...,参数name:" + name); } } 其中注释就是maven插件很重要的元数据 /** * @goal CustomMavenMojo:表示该插件的服务目标 * @phase...compile:表示该插件的生效周期阶段 * @requiresProject false:表示是否依托于一个项目才能运行该插件 * @parameter expression="${name...}":表示插件参数,使用插件的时候会用得到 * @required:代表该参数不能省略 */ 4.install项目并测试 mvn install项目之后 再执行 com.wangnian:CustomMaven-plugin
制作插件 修改packaging 插件名字tenmao-plugin --> tenmao-plugin 3.6.0 provided 这两个依赖是自定义插件必须的依赖...每一个 Mojo 就是 Maven 中的一个执行目标(executable goal),而插件则是对单个或多个相关的 Mojo 做统一分发。一个 Mojo 包含一个简单的Java类。...插件中多个类似 Mojo 的通用之处可以使用抽象父类来封装。...:name */ @Parameter private String name; /** * 插件参数:age */ @Parameter
开发框架经验总结(1)-框架总览及菜单模块的处理》介绍了Bootstrap开发框架的一些基础性概括,包括总体界面效果,以及布局、菜单等内容,本篇继续这一主题,介绍页面内容常用到的数据分页处理,以及Bootstrap插件...2)数据分页处理 我们页面显示的数据一般不是固定的记录,因此分页也是很必要的处理,可以提高性能,也可以提高用户的友好体验,其中的数据分页是采用了Bootstrap的插件Bootstrap Paginator...这个控件用的很多,是一个很强大的分页插件。...2、插件JSTree 前面小节也提高的树列表的展示,在一般情况下,如果数据有层次的,那么通过树列表展示,可以很直观的显示出它们的结构,因此树列表在很多情况下,可以辅助我们对数据的分类展示。...好了,介绍到这里,基本上也把常规的数据展示,数据分页;JSTree的绑定、事件处理,数据保存等操作介绍的相对完整了,希望得到大家的继续支持,我会继续详细介绍Bootstrap开发里面涉及到的要点和各个插件的使用
基本结构 jsTree可以将无序列表转换成树形结构,最简单的HTML结构就是使用以及,而且最好外面还嵌套了一个 $('#html1').jstree() HTML结构如下:...来选中相应节点,还可以设置元素的class为jstree-open来展开子节 … jstree-open" id="node_1">Root ...jstree='{"opened":true,"selected":true}'>Root jstree='{"disabled":true}'...>Child jstree='{"icon":"//jstree.com/tree.png"}'> Child jstree...使用AJAX异步加载必须配置$.jstree.defaults.core.data参数,ajax的参数与jQuery中的ajax请求类似。
", function (e, data)函数中 $('#container').jstree({ 'core': { 'data':...1 : { "icon" : "glyphicon glyphicon-file" } }, //搜索功能插件和类别插件...-- 放JStree目录树--> jstree官网https://github.com/vakata/jstree#readme--> jstree/3.3.3/jstree.min.js
文章目录 一、Android Gradle 插件扩展的扩展 二、为自定义 Gradle 插件的扩展配置扩展 并 获取扩展属性 Android Plugin DSL Reference 参考文档 : Android...---- 在上一篇博客 【Android Gradle 插件】Gradle 自定义 Plugin 插件 ③ ( 自定义插件作用 | Android Gradle 插件的扩展 | 自定义 Extension...扩展 ) 中 , 实现了 自定义插件 的 扩展 Extension , 在 Module 模块下的 build.gradle 构建脚本中 , android 配置块 就是一个 AppExtension...Plugin 插件 的 Extension 扩展 中 , 再 定义一层 Extension 扩展 ; 二、为自定义 Gradle 插件的扩展配置扩展 并 获取扩展属性 ---- 定义扩展类 : class...("myplugin", MyPluginExtensions) // 为 MyPlugin 自定义插件的 myplugin 扩展定义 扩展 mypluginextension
Plugin 插件的范围包括,从打包优化和压缩,一直到重新定义环境中的变量。插件接口功能极其强大,可以用来处理各种各样的任务。...), ] }; Webpack在启动时会实例化插件对象,在初始化compiler对象之后会调用插件实例的apply方法,传入compiler对象,插件实例在apply方法中会注册感兴趣的钩子,Webpack...插件编写实例 接下来我们开始编写自定义插件,所有插件使用的示例项目如下(需要安装webpack和webpack-cli): |----src |----main.js |----plugins...Webpack 插件基本架构 插件由一个构造函数实例化出来。构造函数定义 apply 方法,在安装插件时,apply 方法会被 Webpack compiler 调用一次。...4.2 插件原理介绍: 读取 Webpack 中 entry 配置的相关入口 chunk 和 extract-text-webpack-plugin 插件抽取的 CSS 样式; 将样式插入到插件提供的
Traefik 已经默认实现了很多中间件,可以满足大部分我们日常的需求,但是在实际工作中,用户仍然还是有自定义中间件的需求,为解决这个问题,官方推出了一个 Traefik Pilot[1] 的功能了,...接下来我们就可以在 Traefik Pilot 的插件页面选择我们想要使用的插件,比如我们这里使用 Demo Plugin[2] 这个插件。...需要注意的是由于在每次启动的时候插件只加载一次,所以如果我们希望重新加载你的插件源码的时候需要重新启动 Traefik。 下面我们使用一个简单的自定义插件示例来说明如何使用私有插件。...Pilot 中演示的是同一个插件,我们可以通过该插件去自定义请求头信息。...,将镜像修改成上面我们自定义的镜像地址: image: name: cnych/traefik-private-demo-plugin tag: 2.5.4 # 其他省略 # 不需要开启 pilot
现有的Cordova插件能满足平时大部分的开发需求,然而,有时候找不到合适的插件、或对找到的插件有不满意的地方,那就要动手去做或改写一个插件,这时候就要了解一些Cordova插件的相关知识。...Cordova 自定义插件的官方文档 二、观察现有应用结构 打开任意一个基于Cordova技术的hybird app的开发目录,添加过平台(android、ios等)和安装过插件的话,你会发现结构大致是这样子的...三、使用plugman开发Cordova插件 一个独立插件的目录基本结构是这样的: MyToast ├── src | ├── android | | └── MyToast.java...,如MyToast; pluginID:插件id, 如:org.demo.mytoast; version:版本号, 如:0.0.1; path:插件存放的绝对或相对路径; variable NAME...,进入插件目录,打开plugin.xml查看,注意以下内容及说明: plugin - id:插件唯一标识 - version:版本号 - js-module src:js中间件相对文件地址(www
apisix 自定义插件 apisix有丰富的官方插件,已经很大程度上满足了开发者的需求,大多数功能可以选用官方插件解决,但是仍然很难满足有些业务的个性化需求。...因此apisix提供了完整的插件开发规范,开发者可以根据规范实现业务特定的插件。本章将先以一个最简单的插件来讲解如何开发一个apisix插件,通过一个简单插件了解apisix 插件的基本组成。...然后讲解开发插件的详细步骤以及插件中各个部分更详细的内容。 开发简单的插件 自定义header。通过该插件可以实现给请求添加自定义header的功能。...开发自定义插件逻辑代码 local ngx = ngx local core = require("apisix.core") local schema = { type = "object", properties...name 插件名字。插件名字要求全局唯一,不能喝其它插件重名。示例中名字为insert-header priority 插件优先级,决定了插件的执行顺序。优先级大的插件会先执行。
关于gradle插件自定义,发现网上好多的错误教程,总结后的文章,若本文中也有错误,请及时指正 在Gradle中创建自定义插件,Gradle提供了三种方式: 在build.gradle脚本中直接使用 在...根据官网的描述,这里在项目中进行使用的gradle插件过程如下: 首先在Android Studio中创建一个标准的Android项目,然后在项目的根目录下新建一个model命名为buildSrc,这个目录就用来存放自定义插件...在主项目中使用插件 在主项目的build.gradle文件中,通过apply指令来加载自定义的插件,脚本如下所示: apply plugin: 'myCustomGradle' 其中plugin的名字...,就是前面创建myCustomPlugin.properties中的名字——myCustomPlugin,通过这种方式,就加载了自定义的插件。...在buildSrc中创建自定义Gradle插件只能在当前项目中使用,因此,对于具有普遍性的插件来说,通常是建立一个独立的Module来创建自定义Gradle插件。 创建过程请参考上节中的 《二.
文章目录 一、将自定义 Gradle 插件上传到远程仓库中 二、创建自定义插件类型模块 ( Java or Kotlin Library ) 三、手动导入相关依赖 ( Java | Groovy | Gradle...Gradle 插件 - GitHub 地址 : https://github.com/han1202012/Android_UI 一、将自定义 Gradle 插件上传到远程仓库中 ---- 在上一篇博客...【Android Gradle 插件】Gradle 自定义 Plugin 插件 ⑦ ( 自定义 Gradle 插件导入方式 | buildSrc 插件导入 | 构建脚本中自定义插件 | 独立文件 )...中 , 总结了在 Android Studio 工程中 自定义 Gradle 插件 , 并在 build.gradle 构建脚本 中导入插件的代码 ; Android Gradle 插件 也是一种 自定义的...; 这种方式是将 自定义 Gradle 插件 的 jar 包 上传到了 jcenter / google / mavenCentral 远程仓库 中 ; 二、创建自定义插件类型模块 ( Java
领取专属 10元无门槛券
手把手带您无忧上云