随笔分类 -  02.LigerUI

jQuery LigerUI V1.2.3 (包括API和全部源码) 发布
摘要:前言 这次版本主要是增加了Panel和Portal组件,并增加了一套皮肤,并解决了部分兼容性的问题,添加了几个功能点。 欢迎使用反馈。相关链接API: http://api.ligerui.com/ 演示地址: http://demo.ligerui.com/ 源码下载: http://git.oschina.net/ligerui/LigerUI/(源码托管) http://pan.baidu.com/s/1D0AVO(V1.2.3) 技术支持:http://www.cnblogs.com/leoxie2011/更新记录V1.2.3更新记录核心[需求]增加一套皮肤表格[优化]... 阅读全文
posted @ 2014-03-17 22:59 谢略 阅读(19112) 评论(46) 推荐(18) 编辑
jQuery LigerUI V1.2.2 (包括API和全部源码) 发布
摘要:前言 这次版本主要对树进行了加载性能上面的优化,并解决了部分兼容性的问题,添加了几个功能点。 欢迎使用反馈。相关链接API: http://api.ligerui.com/ 演示地址: http://demo.ligerui.com/ 源码下载: http://git.oschina.net/ligerui/LigerUI/(源码托管) http://pan.baidu.com/share/link?shareid=206890659&uk=2318736180 (V1.2.2) 技术支持:http://www.cnblogs.com/leoxie2011/更新记录树[需求]优... 阅读全文
posted @ 2013-08-28 23:03 谢略 阅读(12139) 评论(50) 推荐(13) 编辑
jQuery LigerUI V1.2.0 (包括API和全部源码) 发布
摘要:前言最近终于有点时间抽出来整理出这个更新版本了。这个版本添加了解析html的机制,并加入了几个表单组件,优化了对表格和列表的编辑功能,并修复了一些BUG。详细可以下载后体验使用。另外有朋友问到ligerui .NET案例ligerRM里面的底层组件,现在开源出来,方便大家一起学习交流,如果有意参与维护,可以联系我mailto:gd_star@163.com。源码放在:https://ligerdata.codeplex.com/相关链接API:http://api.ligerui.com/ 演示地址:http://demo.ligerui.com/ 源码下载:http://ligerui.go 阅读全文
posted @ 2013-05-12 23:21 谢略 阅读(16435) 评论(89) 推荐(38) 编辑
ligerui 提交反馈
摘要:欢迎大家反馈,可以用下面的格式跟帖:UI版本:1.1.9浏览器:IE9.0jQuery版本:1.3.2BUG描述:ligerTab iframe在关闭时不释放内存上报人:TSN解决方案:。。。 阅读全文
posted @ 2013-03-29 01:21 谢略 阅读(2893) 评论(31) 推荐(1) 编辑
分享一个基于ligerui的系统应用案例ligerRM V2(权限管理系统)(提供下载)
摘要:阅读目录简介系统特色系统介绍 - 首页系统介绍 - 列表页系统介绍 - 明细页(表单)系统介绍 - 菜单/按钮系统介绍 - 权限中心系统介绍 - 数据权限系统介绍 - 字段权限系统介绍 - 下拉框应用细节结语简介ligerRM V2是基于 ligerui的web应用系统。以权限管理作为设计重点,引入Northwind作为主要的数据演示模块。权限方面,在上一个版本的基础上面加多了数据权限控制。后台方面采用dot net 3.5框架开发。系统演示:http://case.ligerui.com前台插件:jQuery、jQuery.ligerui、jQuery.form.js、jquery.vali 阅读全文
posted @ 2012-03-18 21:49 谢略 阅读(86692) 评论(201) 推荐(49) 编辑
jQuery LigerUI 使用教程表格篇(3) 复选框、多表头、分组、汇总和明细
摘要:阅读目录复选框多表头分组汇总明细复选框grid可以设置复选框模式进行多选,只需要简单的配置checked:true获取选中行如果要获取选中的行,可以用getSelecteds方法:var rows = g.getSelecteds();alert(rows.length);默认选中有的时候我们想让某一些行初始化的时候就选中,可以用isChecked参数,这是一个函数,使用例子: $("#maingrid4").ligerGrid({ checkbox: true, columns: [ { display... 阅读全文
posted @ 2012-03-18 18:31 谢略 阅读(38963) 评论(14) 推荐(10) 编辑
jQuery LigerUI 使用教程表格篇(2) 服务器数据交互
摘要:阅读目录使用远程数据使用远程数据 排序使用远程数据 分页使用远程数据ligerGrid允许指定一个url来加载数据,并且支持排序和分页。对于数据格式是有一定的限制的,比如{ "Rows":[],"Total":0}我们需要将要显示的数据放在Rows里面(数组的形式),将记录数放在TotalRows和Total这两个字段名不是固定的,可以通过参数进行修改:root: 'Rows', //数据源字段名 record: 'Total', //数据源记录数字段名使用远程数据 排序排序在首次加载数据的时候,会判断有没有设置了sort 阅读全文
posted @ 2012-03-18 15:17 谢略 阅读(17844) 评论(2) 推荐(8) 编辑
jQuery LigerUI 表格LigerGrid 结合 ASP.NET MVC 显示数据
摘要:阅读目录准备工作。创建MVC项目,拷贝LIGERUI库到Web程序中。增加视图和Action,引入jQuery库和ligerUI库的引用,模板页中增加视图的链接准备数据结构(ligerGrid的调用) 和数据源(增加一个Action,返回JSON格式)如何分页和排序源码下载准备工作。创建MVC项目,拷贝LIGERUI库到Web程序中。一,准备工作使用开发工具:Microsoft Visual Studio 2010使用插件版本: jQuery 1.4.1 、 jQuery LigerUI 1.1.7二,创建MVC项目三,下载最新版的ligerui,并拷贝到web的根目录下载地址:http:// 阅读全文
posted @ 2012-03-06 13:58 谢略 阅读(27612) 评论(30) 推荐(16) 编辑
jQuery LigerUI V1.1.6 (包括API和全部源码) 发布
摘要:前言上个版本的发布。有些朋友提出框架图片太大的问题,在这个版本做出了解决。并对树和表格增强了拖拽能力。另外,对Dialog插件也加强了一番。具体的更新可以下载来细看:jQuery LigerUI V1.1.6.rar 相关链接API:http://api.ligerui.com/ 演示地址:http://demo.ligerui.com/ 源码下载:http://ligerui.googlecode.com/ 技术支持:http://www.cnblogs.com/leoxie2011/V1.1.6更新记录基础[需求]全面优化框架图片[需求]整理简化皮肤Silvery,需要依赖默认的Aqua表 阅读全文
posted @ 2012-02-05 09:13 谢略 阅读(9976) 评论(54) 推荐(4) 编辑
jQuery LigerUI 使用教程表格篇(1)
摘要:阅读目录第一个例子数据结构两种绑定数据的方式配置column自定义表头自定义单元格排序与分页事件与方法第一个例子简介ligerGrid是ligerui系列插件的核心控件,用户可以快速地创建一个美观,而且功能强大的表格,支持排序、分页、多表头、固定列等等。支持本地数据和服务器数据(配置data或者url)支持排序和分页(包括Javascript排序和分页)支持列的“显示/隐藏”支持多表头支持固定列支持明细行支持汇总行支持单元格模板支持编辑表格(三种编辑模式,单元格编辑、行编辑、明细编辑)支持树表格支持分组支持行移位、表头拖拽(新加入)代码首先引入基本的css和js文件1 <link hre 阅读全文
posted @ 2012-01-17 21:11 谢略 阅读(97237) 评论(20) 推荐(9) 编辑
jQuery LigerUI 使用教程入门篇
摘要:阅读目录获取最新代码ligerUI是什么如何使用如何扩展获取最新代码可以到http://ligerui.googlecode.com下载最新代码。简介jQuery LigerUI 是基于jQuery的一系列UI控件组合,简单而又强大,致力于快速打造Web前端界面解决方案。 因为是前端控件,跟服务器无关,可以适合.net,jsp,php等等web服务器环境。目前全部插件的打包压缩JS只有100K左右,很轻巧。使用插件式的开发模式,以“简单”为原则的设计,每个插件尽量独立,并可依赖拓展。回到顶部ligerUI是什么jQuery LigerUI控件丰富,包括基础、导航、布局、表单、表格、树形、窗口等 阅读全文
posted @ 2012-01-16 23:40 谢略 阅读(81376) 评论(60) 推荐(15) 编辑
jQuery LigerUI V1.1.5 (包括API和全部源码) 发布
摘要:前言2个月前以博文的形式发布了V1.1.0,到现在已经更新了5个版本,V1.1.3引入了core机制,提供了ligerui内置事件处理机制、属性动态设置机制等等,搭建了ligerui系列插件的基础。并在下一个版本进一步做了补充。V1.1.5主要是对表格进行进一步地加强,目前已经支持固定列、完美的多表头,并对表格的编辑能力优化了一番,支持行编辑模式和明细编辑模式,用户可以自己定义编辑器,比如使用外部的日期第三方控件,都可以引入到ligerGrid里面来。发布的版本将提供chm版本的api,方便用户查看。相关链接API:http://api.ligerui.com/ 演示地址:http://dem 阅读全文
posted @ 2012-01-16 00:22 谢略 阅读(7179) 评论(22) 推荐(9) 编辑
jQuery LigerUI V1.1.0 (包括API和全部源码) 发布
摘要:API:http://api.ligerui.com/演示地址:http://demo.ligerui.com/源码下载:http://ligerui.googlecode.com/技术支持:http://www.cnblogs.com/leoxie2011/V1.1.0更新记录:表格[需求]加入分组模式[需求]加入树模式[需求]加入统计行(位于底部)[需求]加入延时加载[需求]加入本地查询支持[需求]加入复选框初始化的支持[需求]列 百分比[需求]列 显示和隐藏[需求]列 表头改变文字[需求]编辑器事件: 编辑前事件、验证编辑器结果是否通过、结束编辑后事件[需求]增加右击接口[需求]多表头[ 阅读全文
posted @ 2011-11-20 15:15 谢略 阅读(7805) 评论(57) 推荐(19) 编辑
jQuery liger ui ligerGrid 打造通用的分页排序查询表格(提供下载)
摘要:一,ligerGrid是如何工作的。在没有开始做之前,需要先了解一下ligerGrid是如何工作的。简单来说,liger grid 就是提交准备好的数据到指定的目标请求数据,拿到数据以后,显示出来。所以问题在于发送什么数据,拿到什么数据。先来看看ligerGrid的参数: url: null, pageSize: 10,sortName : null,sortOrder:null, root:'Rows',//数据源字段名record:'Total',//数据源记录数字段名pageParmName:'page',//页索引参数名,(提交给服务器) 阅读全文
posted @ 2011-05-28 23:29 谢略 阅读(35557) 评论(26) 推荐(4) 编辑
jQuery LigerUI V1.01(包括API和全部源码) 发布
摘要:API: http://api.ligerui.com/ 演示地址:http://demo.ligerui.com/ 源码下载:http://ligerui.googlecode.com/jQuery LigerUI V1.01更新记录:弹窗[增加]增加新插件:弹框,命名空间为$.ligerDialog。一系列静态方法。包括Open、Success、Error、Warn、Show。(这个样式比较美观,于是加上去了。并采用九格的排版方式,兼容性更好,扩展性更好)集对话框、模态窗口、非模态窗口等于这个命名空间下。(原来已经有弹出框插件和窗口插件了,ligerWindow和ligerMessage, 阅读全文
posted @ 2011-05-07 13:24 谢略 阅读(9143) 评论(40) 推荐(10) 编辑
jQuery LigerUI V1.0(包括API和全部源码) 发布
摘要:1,这一次发布的打包文件是纯html,直接打开即可2,下载地址:http://ligerui.googlecode.com/3,里面还包括了最新制作的API。也可以通过liger ui 在线api文档访问 http://api.ligerui.com/4,里面包括了全部的源代码,和压缩文件与初步发布的预览版相比,做了以下的更改:基础• 重写树控件,支持Ajax,更加美观,扩展性更好,接口丰富• 优... 阅读全文
posted @ 2011-04-24 15:11 谢略 阅读(8015) 评论(50) 推荐(24) 编辑
jQuery LigerUI 插件介绍及使用之ligerTree
摘要:一,简介ligerTree的功能列表:1,支持本地数据和服务器数据(配置data或者url)2,支持原生html生成Tree3,支持动态获取增加/修改/删除节点4,支持大部分常见的事件5,支持获取选中行等常见的接口方法二,第一个例子引入库文件遵循LigerUI系列插件的设计原则(插件尽量单独),ligerTree是一个单独的插件,也就是说只需要引入plugins/ligerTree.js和样式css文件就可以使用(当然必须先引入jQuery),在这个例子中,我把tree用到的样式和图片分离了出来,有兴趣的朋友可以下载来看看 <script src="lib/jquery/jqu 阅读全文
posted @ 2011-04-17 23:35 谢略 阅读(61681) 评论(38) 推荐(15) 编辑
jQuery LigerUI 插件介绍及使用之ligerDateEditor
摘要:描述:可以将一个'文本框'的表单对象转换成可日期选择。支持精确到小时和分钟支持直接在文本框改日期(会自动验证) 设计思路:通过观察知道,无论是哪个月,这30左右的天数总会落在7*6的表格上面,所以只需要知道某月,第N行、第M列应该填入什么样的数字就可以。按下面的算法就可以计算出来:步骤一:以本月第一天为基点,计算出第N行、第M列的偏差:先把第一天所在相应的单元格填入0,单元格前面的为负数(递减),后面的为正数(递加)。可用公式(N-1)*7 + M-D计算(第N行,第M列,D为某月的第一天的星期)步骤二:负数的,如-N,在上一个月找倒数N天的日期。正数的,全部加一,如果大于本月 阅读全文
posted @ 2011-04-08 22:59 谢略 阅读(23145) 评论(7) 推荐(4) 编辑
jQuery LigerUI API预览版发布
摘要:插件方法列表ligerAccordion() 应用面板ligerCheckBox(p) 可以将一个复选框的表单对象转换成自定义复选框。ligerComboBox(p) 1,可以将一个type=Select的表单对象转换成自定义下拉框。2,可以将一个type=text的表单对象转换成自定义下拉框(需要配置数据源)。3,可以将一个Dom容器(如div)对象转换成自定义下拉框(需要配置数据源)。ligerDateEditor(p) 可以将一个'文本框'的表单对象转换成可日期选择。ligerDrag(p) 使目标对象可以拖动。ligerForm() 应用自定义表单ligerFrom() 阅读全文
posted @ 2011-04-07 21:28 谢略 阅读(19016) 评论(4) 推荐(3) 编辑
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable
摘要:ligerDrag()使目标对象可以拖动。参数 handler 拖动的作用区域,在这个区域才可以触发拖动。可以是字符串(jQuery selector),也可以是一个Dom jQuery对象 onStartDrag 开始拖动事件 onDrag 拖动事件 onStopDrag 结束拖动事件示例一:默认模式<script src="lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="lib/ligerUI/js/pl 阅读全文
posted @ 2011-04-06 18:55 谢略 阅读(7566) 评论(6) 推荐(3) 编辑