1. 全栈程序员必看首页

ligerui的使用心得

全栈程序员-站长 • • 未分类 • 阅读 1

ligerui的使用心得1 ligerui 的起源 LigerUI 是基于 jQuery 的 UI 框架 其核心设计目标是快速开发 使用简单 功能强大 轻量级 易扩展 简单而又强大 致力于快速打造 Web 前端界面解决方案 可以应用于 net jsp php 等等 web 服务器环境 2 ligerui 的优势使用简单 轻量级控件实用性强 功能覆盖面大 可以解决大部分企业信息应用的设计场景快速开发 使用 LigerUI 可以比传

1.ligerui的起源

LigerUI 是基于jQuery 的UI框架，其核心设计目标是快速开发、使用简单、功能强大、轻量级、易扩展。简单而又强大，致力于快速打造Web前端界面解决方案，可以应用于.net,jsp,php等等web服务器环境。

2.ligerui的优势

使用简单，轻量级
控件实用性强，功能覆盖面大，可以解决大部分企业信息应用的设计场景
快速开发，使用LigerUI可以比传统开发减少极大的代码量
易扩展，包括默认参数、表单/表格编辑器、多语言支持等等
支持Java、.NET、PHP等web服务端
支持 IE6+、Chrome、FireFox等浏览器
开源，源码框架层次简单易懂。
3.ligerui的常用组件

分页组件:ligerGrid

实例:

html

1 
  
  
  
  
  
  
  

    2 
   
    
     3 
    
  • CustomerID 4  5 
    •  6 
    
  • CompanyName 7  8 
    •  9 
    
  •  10 
     
      
       11 
      
    • City
      •  12 
      
    • Address
      •  13 
      
    • PostalCode
      •  14 
     
     15 
    •  16 
   
 17 
   
 18

效果图:

ligerui的使用心得

弹窗组件:

$.ligerDialog.confirm(content, title, callback) 实例: switch(type){ case "confirm": 16 $.ligerDialog.confirm('提示内容', function (yes) 17 { 18 alert(yes); 19 }); 20 break; }

按钮组件:

ligerui的使用心得

实例:

1 $("#toptoolbar").ligerToolBar({ items: [ 2 { text: '增加', click: itemclick , icon:'add'}, 3 { line:true }, 4 { text: '修改', click: itemclick }, 5 { line:true }, 6 { text: '删除', click: itemclick } 7 ] 8 });

截图:

ligerui的使用心得

4.ligerui使用总结

ligerui里面的ligergrid是里面的核心组件

 

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/201409.html原文链接：https://javaforall.net

赞 (0)
0 0

关于作者

全栈程序员-站长的头像

全栈程序员-站长

133.5K 文章
3 粉丝
本网站汇聚当前互联网主流语音，持续更新，欢迎关注公众号“全栈程序员社区”
上一篇 2026年3月20日 上午9:27
下一篇 2026年3月20日 上午9:27


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号