用于设计报表布局的jQuery插件 - 腾讯云开发者社区

文章/答案/技术大牛

发布

用于创建树形部件的 jQuery 插件：jsTree

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

1.5K1 0

8个用于设计漂亮表格的WordPress插件

在WordPress中作为内容管理工具的一个好处是，几乎所有文字处理软件能做的事情（例如文本格式，布局格式，嵌入图像等等）都可以在WordPress编辑器中完成，但比较欠缺的一种功能是表格设计。...8个用于在WordPress中设计表的插件在以下场景时，可能会在WordPress中使用表格。用数据来对文章中涉及的内容、探讨的话题来进行支撑。...作为大段文字的补充。简单明了的解释不同产品或服务之间的区别。用巧妙设计的交互或设计风格来吸引用户的注意力，用来提高目标产品的销量为你的网站创建易于更新的媒体。...Data Tables Generator by Supsystic Data Tables Generator是一个为WordPress网站设计简单表格的进阶插件。...https://wpmanageninja.com/ninja-tables/use-case/ WP jQuery DataTable 一个免费易用的轻量级表格插件，支持排序和过滤等总结用干净，清晰和美观的表格来展示结果也不失为一种很好的内容方式

5.8K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

七个帮助你处理Web页面层布局的jQuery插件

1.UI.Layout jQuery UI布局插件官方网站：http://layout.jquery-dev.com/index.cfm 使用大小可折叠的嵌套面板和大量选项创建高级UI布局。...项目大小可以用响应式布局的百分比来设置 3.jLayout jLayout JavaScript库提供了用于布局组件的布局算法。...jQuery展开左右侧栏目插件PageSlide，pageslide插件功能实现现实隐藏侧边栏的功能。...插件可以读取另个一html,也可以是当前页面中的元素，目前比较流行的导航菜单展现形式,特别是在手机端或者触屏页面,效果还是不错的 demo：http://www.jq22.com/jquery-info343...6.Columnizer 官方网址：https://welcome.totheinter.net/columnizer-jquery-plugin/ Columnizer jQuery Plugin将自动以报纸列格式来布局您的内容

6910 0

七个帮助你处理Web页面层布局的jQuery插件

1.UI.Layout jQuery UI布局插件官方网站：http://layout.jquery-dev.com/index.cfm 使用大小可折叠的嵌套面板和大量选项创建高级UI布局。...resources/jquery-masonry 所有项目的大小和样式都由您自己的CSS处理。项目大小可以用响应式布局的百分比来设置 ?...图片发自简书App 3.jLayout jLayout JavaScript库提供了用于布局组件的布局算法。...jQuery展开左右侧栏目插件PageSlide，pageslide插件功能实现现实隐藏侧边栏的功能。...创建JSON数据转化为HTML方法引用jQuery库1.7或更高版本和Columns插件文件，列是将JSON数据创建为可排序，可搜索和分页的HTML表格的简单方法。

10.4K2 0

今天的主角，VFP新报表设计器 TQ报表设计器

2 在不考虑安全的前提下，运行时的报表设计器，工具栏可能花屏当我们的软件打开报表设计器时，最好的 UI 布局是同时将控件工具栏和布局工具栏同时打开，以便于操作者更方便的创建或者修改报表。...恰恰是这个最佳的 UI 布局，导致了工具栏的花屏现象。解决方案丑陋的就像在一个蛋糕里裹进去一团屎一样的恶心，你需要用代码转换工具栏的焦点并再转换回去。而这并不向描述一样可以简单的实现。...由于 OOPReports 的设计初衷并不是要作为一个报表设计器的报表引擎，所以，为了实现可视化的报表设计器，需要对其中很多地方进行修改；由于 VFP 报表自身的复杂性，这些修改也许无法完全覆盖在需求层面的各种报表要求...当同一报表需要在不同品牌的打印机，或者在不同的纸型，或者需要更改纸张方向时，不再是一件耗时的毫无意义的体力劳动，设计器本身会根据具体“属性”的变化，自动调整原有的报表布局并与原始状态尽可能的保持一致，将报表控件的位置调整降低到最低限度...3 在单纯的设计报表时，设计器借鉴了 Office 的缩放概念，并在缩放后的状态下进行报表设计，这样，在设计很小的报表或者很大的报表时，可以将“纸张”在屏幕的可视设计区域中予以完整呈现。

7763 0

Jquery插件的简单写法

记录下编写jquery插件的两种写法：写法一： (function($){ 　　$.fn.hoverAlert = function(options){ 　　　　var def ={message...options); 　　　　$(this).bind("mouseover",function(){ 　　　　　　　　alert(options.message); 　　　　　　} 　　}); })(jQuery...); 引用方法：页面中首先引入jquery 1.7 ,然后引入刚刚编写的插件js文件。...　　　　$("#testdiv").hoverAlert(); 　　　　//$("#testdiv").hoverAlert({message:'弹出内容'}); 　　　}); 这里有一个弹出层的例子...); Demo下载地址：https://files.cnblogs.com/fengzheng/jquery%E6%8F%92%E4%BB%B6%E5%86%99%E6%B3%95.rar

1.1K2 0

Jquery开发插件的方法

Jquery未开发插件提供了两个方法: (1)Jquery.extend(object) -为Jquery类本身添加新的方法;代码如下: $.extend({ add:function(a,b...){ return a+b; } }); 调用方法：$.add(3,4) - $=Jquery 为jquery类添加了名为add的一个静态方法,之后便可以在引入jquery的地方,使用这个方法了...,$.add(3,4); (2)Jquery.fn.extend(object) $.fn相当于Jquery的命名空间,fn上的成员(方法function以及属性peoperty)会对每一个实例都有效果...=jquery.property,所以它是对property进行扩展,为jquery添加"成员函数",jquery的实例都可以使用这个"成员函数" 假设我们要开发一款插件,做一个自定义弹框，那么代码可以这么写...: $.fn.extend({ zdyAlert:function(){ alert('自定义插件!')

1K5 0

用于重启Greenbrowser的插件

小工具，可用于重启Greenbrowser。...开发工具：用autohotkey开发的版本更新历史 V1.3 修改图标问题。修改启动后不退出的问题。 V1.1 修改：退出没问题，如果有活动的页面，重启好像有时候会有问题。...修改：会误关其他标题有"greenbrowser"字样的软件。...tid=11252&extra=page%3D1 Powered by Zoundry Raven Technorati : Greenbrowser, 插件, 重启 Del.icio.us :...Greenbrowser, 插件, 重启

6781 0

jQuery Verbose Calendar：显示整年的 jQuery 日历插件

jQuery Verbose Calendar 是一个可以把整年的日历显示在一个页面上的 jQuery 插件，加载之后，它会自动滚到今天的日期处，当你鼠标移动到日期上，可以显示今天星期几。...并且这个日历插件支持 Callback 函数，当你点击某个日期的时候，你可以执行一些自定义行为，或者插入任意的 HTML 元素。...因为整年的日期都显示在一个页面上，所以这个日历用来分享事件和任务会非常方便。...jQuery Verbose Calendar 使用先加载 CSS 文件，jQuery 和 jQuery Verbose Calendar 类库。.../ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"> jquery.calendar

3K4 0

基于JQuery实现的瀑布流布局

分享一个基于JQuery实现的瀑布流布局，效果如下：实现代码如下，欢迎大家复制粘贴。基于JQuery...实现的瀑布流布局案例 * { padding: 0; margin.../21.jpg" /> jquery...//设置剩余图片的样式,value为Dom对象，要将其转换为JQuery对象 $(value).css({ //绝对定位

1.2K1 0

jquery 插件的3种写法

jQuery.yazuo || typeof jQuery.yazuo !...="object"){ jQuery.yazuo = {}; } jQuery.yazuo.oa={}; //初始化雅座插件的对象容器 ) 使用的时候$.yazuo.oa.demo.demoCallback...) 2.使用方法 : $(":radio").check() // 选中该 radio jQuery.fn.extend({ check : function(){ ... return this.each(function(){this.checked=false}) } }) 3.使用方法 : $.mix(1,2) // 得到两个数中的较小值... jQuery.extend({ mix : function(a,b){return a<b ?

6784 0

jQuery的弹出窗口插件colorbox

Example:$(‘h1’).colorbox({href:”welcome.html”}) 这个用来设置一个锚标记的值或者一个不是锚的元素，例如图像或者表单的按钮，例如： title false...这可以为Colorbox设置一个标题 rel false Example:$(‘#example a’).colorbox({rel:’group1′}) 这个可以根据元素的rel属性设置要显示的元素集合...true，元素会在Iframe中显示 inline false Example: $(“#inline”).colorbox({inline:true, href:”#myForm”}); 如果是true,jQuery...选择器可以用来选择要显示的元素。...“previous” “上一个”按钮的文本 next “next” “下一个”按钮的文本 close “close” “关闭”按钮的文本

7.6K4 1

如何编写自己的jQuery插件？

什么是jQuery插件？ jQuery由原型对象组成，在某些时候可能需要一些操作和扩展。出于同样的目的，jQuery插件被设计为对象继承添加的任何其他方法的一种方式。...不仅如此，在创建jQuery对象时，这些附加方法并不是孤立的，而是在创建jQuery对象时使用其余的方法(已经继承的)调用。jQuery插件可以jQuery库中存在的各种方法的形式单独使用。...每个方法都是一个插件。但是，在新的情况下，插件也可以自定义创建，这并不是一项非常困难的任务。 jQuery是如何工作的？...pluginName替换为正在创建的插件的名称，后跟一个函数以及括号中的所有必需参数。接下来，函数中的下一个语句(this.css确保将CSS应用于某些文本，使其颜色变为黄色。...这也适用于访问私有变量。添加公共方法向jQuery插件添加方法是在私有方法中完成的。唯一的区别是方法的执行。当该方法提供“this”运算符时，该方法变为公共方法。这样，它也可以在函数范围之外访问。

2.2K1 0

JQuery表格插件DataTable的使用

DataTable是基于JQuery的表格插件，提供了丰富的功能。下面简要说明其用法。 1. 首先构造HTML表格。 2....下面以实例的形式，说说如何给DataTable穿上BootStrap的外衣。...1.需要的JS文件有JQuery、DataTable还有DataTable和BootStrap连接（连接这个词也许用得不好，姑且这么叫吧，其实质就是给DataTable以BootStrap样式的JS文件...，当然附带的还有连接的CSS文件，这些都可以去官网找。...如果懒得找，我会给出我自己下载的文件。BootStrap版本2和3会有不同的JS和CSS连接文件）的JS文件。

5.6K5 0

jQuery 插件的this 指向问题（实战）

代码输入框选择日期 label 用于显示选中的时间 button1 清除 label 时间 button2 重新赋值 label 时间 js代码实现功能 1. input 使用插件，并设置回调函数用来将控件选中的值赋值给...（哦，对了，还有一个方法是重新点击时间控件上的时间，相当于重新选择一次）。那么插件有没有提供一个方法是：在时间选择以后，重新调用函数的呢？...$.fn.这是在扩展 jQuery 对象，daterangepicker是扩展的一个方法，（对象方法中的this指向谁的问题同样参考上一篇文章）。...this 指向 jQuery对象$("input[...]")。到了这时候应该怎么办？放弃吗？怎么可能。...关于插件作者代码当然了，代码中返回什么对象，返回哪个对象的问题，我不明白作者是怎么想的。如果是我来写插件，肯定不会返回一个jQuery对象，因为没什么必要。

1.8K1 0

10 款实用的jquery插件

jquery 的流行造就了诸多令人称奇的插件，这里选出10款实用插件供大家参考使用。本文翻译自国外技术博客，欢迎热心ITer参与我们的翻译工作，提供更多的优秀资料以供大家参考学习。...Arbor 是一个基于web workers and jQuery的图形库，提供高效的， force-directed布局算法来组织图形显示。 Mobily Map ?...一款轻量级的modal windows插件 Subway Map Visualization ?...这款插件很有意思，可以用你给定的数据来显示subway map jQuery Runloop Plugin ?...10个有用的jquery 图片插件本文首发地址：编程百科 10 款实用的jquery插件 codingwiki编程百科的内容来自国外优秀的Coding博客或者Coding技术站点。

1.6K7 0

延迟加载图片的jQuery插件-Lazy Load Plugin for JQuery

Lazy Load是一个用Javascript写得jQuery插件。它可以使一个长网页中，不在当前视图中的图片延迟加载，以提高页面的载入速度。...使用方法在页面头部加入插件在使用图片的地方，使用下面的设置 src是替换图片，一般使用1*1像素的图片替代。后面data-original才是真正的图片。...200像素的时候就开始预先加载。...使用特效 $("img.lazy").lazyload({ effect : "fadeIn" }); 默认延迟加载使用show方法来显示图片，可以用这个方法来改变图片的显示方法。...插件主页：http://www.appelsiini.net/projects/lazyload ---- Previous Nginx使用Linux

5.4K1 0

如何实现报表设计中的高精度报表套打？

因此通常情况下，我们会在预先设计好格式的报表的打印版中，手动填写数据信息，如常见的各类账本，报销单等填写数据。...在票据成为常规办公操作时，手动填写不仅无法满足而且非常低效，又因为票据的格式是无法修改的，传统的报表工具通常是用测量的方法确定数据区域的位置,来设计报表。...实现方法本文以葡萄城报表为例，在设计报表阶段加载套打纸作为报表背景图片，实际打印时仅将数据打印到套打纸的相应位置，以便更方便的实现报表套打。 1....使用报表分层进行套打葡萄城报表控件首创提出报表层的设计理念，报表分层设计是对报表中控件分组管理和设计，可对同组内的全部控件进行锁定/解锁，添加/删除，显示/隐藏，调整透明度等操作，分解报表设计，降低复杂报表模板的设计难度...同时，可以层为单位控制其在不同设备上的可见性，如是否在纸张显示，该层所有的控件是否输出到屏幕，该层是否用于导出。零编码实现一式多份、报表套打等中国式报表需求。 6.

1.9K1 0

强大的jQuery验证插件：jquery.validate.js+jquery.validate.unobtrusive.js

以前接触过jQuery.Validate客户端验证插件，当时觉得不好用并且不太符合中文化开发习惯，后来在项目中选择了国人写的jQuery formValidator（作者QQ：69353693，群号：74106519...），这几天在看.Net MVC4的时候，看到微软官方出的jquery.validate.unobtrusive.js，再看看其MVC4产生的客户端代码，我被震撼了，可读性变强了，编程的复杂度降低了，看来不能老守旧...如果我们做基于HTML5的开发，其实不用.NET MVC4，也可以直接用其jquery.validate.unobtrusive.js，这样我们的Html和客户端的验证工作就会变得很简单。...Plugin的网址 [URL=http://bassistance.de/jquery-plugins/jquery-plugin-validation/]http://bassistance.de/.../docs.jquery.com/Plugins/Validation[/URL] 对于jquery.validate.unobtrusive.js，暂时没找到官方的帮助和网页： Unobtrusive

3.1K3 0

jQuery用于请求服务器的函数

post方法 jQuery为我们包装简化了常用的请求方法，其中有一个post方法，此方法可以通过 HTTP POST 请求从服务器载入数据。...所以这时候就得用到一个可以将表单数据序列化成json格式的神器：jquery.serializeJSON，这是一个基于jQuery的开源插件，以下是该插件的下载地址： http://www.bootcdn.cn.../jquery.serializeJSON/ 使用该插件后，一句代码就可以解决表单数据序列化成json格式的问题，修改后的代码： html代码： jQuery之后导入该插件 --> jquery.serializejson.min.js"> <script src="js/post-jq.js...AJAX方法 ajax方法是 jQuery 底层的 AJAX 实现，而以上介绍的get和post方法则是ajax方法的简写，ajax方法会返回其创建的 XMLHttpRequest 对象。

5K1 0

点击加载更多

用于创建树形部件的 jQuery 插件：jsTree

8个用于设计漂亮表格的WordPress插件

七个帮助你处理Web页面层布局的jQuery插件

七个帮助你处理Web页面层布局的jQuery插件

今天的主角，VFP新报表设计器 TQ报表设计器

Jquery插件的简单写法

Jquery开发插件的方法

用于重启Greenbrowser的插件

jQuery Verbose Calendar：显示整年的 jQuery 日历插件

基于JQuery实现的瀑布流布局

jquery 插件的3种写法

jQuery的弹出窗口插件colorbox

如何编写自己的jQuery插件？

JQuery表格插件DataTable的使用

jQuery 插件的this 指向问题（实战）

10 款实用的jquery插件

延迟加载图片的jQuery插件-Lazy Load Plugin for JQuery

如何实现报表设计中的高精度报表套打？

强大的jQuery验证插件：jquery.validate.js+jquery.validate.unobtrusive.js

jQuery用于请求服务器的函数

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐