首页 雅荣游戏资讯 正文

LigerUI控件实用性强,功能覆盖面广

LigerUI?听起来有点猛!

近在折腾一个新项目,想着用点儿新的东西,就瞄上了 LigerUI。之前一直用 Bootstrap,感觉有点腻了,想换换口味。

一开始看文档,感觉 LigerUI 的东西挺多的,表单、布局、表格啥的,一应俱全。而且它基于 jQuery 开发,我比较熟悉 jQuery,上手也比较快。

LigerUI 的文档写得还算详细,不过看了一天半,总感觉有点儿云里雾里,光看代码没有用,得动手实践才行。

于是乎,下午就尝试着把脑子里想的一些功能用 LigerUI 搭起来,结果发现还挺顺手的。LigerUI 的控件设计得挺人性化的,基本都是拖拖拽拽就能搞定,省了不少时间。

不过,LigerUI 也不是没有缺点,它坑确实挺多的,我用它做了一个系统,花了挺长时间才把坑填完。比如,有些控件的样式默认就很难看,得自己写 CSS 去修改。

近准备换成 EasyUI,听说 EasyUI 比较稳定,而且社区也比较活跃,希望换了之后能少踩点坑。

下面分享几个 LigerUI 的小技巧:

首页引入样式文件和 js 文件:

html

使用工具栏:

javascript

$(function () {

$("toptoolbar").ligerToolBar({

// 操作栏

items: [

text: '查询',

id: 'search',

click: f_search,

icon: 'search'

这段代码可以创建一个工具栏,包含一个查询按钮,点击按钮会执行 f_search 数。

除了上面的技巧,LigerUI 还提供了许多其他的功能,例如:

功能 描述
表单控件 包含文本框、下拉框、日期选择器等常用表单控件。
布局控件 提供多种布局方案,方便创建不同风格的页面。
表格控件 支持多种表格样式,可以轻松实现数据展示和操作。
其他控件 还提供了一些其他的控件,例如树形菜单、弹窗等。

使用 LigerUI 过程中,还有一些需要注意的地方:

LigerUI 的版本比较多,要根据项目需要选择合适的版本。

LigerUI 的文档比较复杂,需要耐心阅读和理解。

LigerUI 的社区比较小,遇到问题可能需要自己解决。

LigerUI 是一款功能强大的 UI 框架,上手难度适中,适合快速开发一些简单的页面。不过,它也有一些缺点,比如坑比较多、社区比较小,需要开发者有一定的经验才能驾驭。

你有用过 LigerUI 吗?你对 LigerUI 有什么看法?