首页 » 技术分享 » LigerUI初学篇---使用LigerUI制作简洁清爽的界面

LigerUI初学篇---使用LigerUI制作简洁清爽的界面

 

简单的介绍一下:左边是个可隐藏菜单栏,里面的菜单可以根据后台传来的数据动态生成,右边是操作区间,我只是搭了个框架,数据写好,自动形成!这一点我很喜欢,样式什么的都是现成的!!!!表格菜单的“增加”“修改”“删除”都可以根据用户点击的数据进行操作。最下面底部就可以添加一些版权声明什么的,最上面可以添加标志或者其他功能。之前尝试过用纯css来制作,可惜的是,本人css很菜,没有完成之后就放弃了,到现在用了LigerUI很轻松的就制作出来!感叹LigerUI的方便快捷简单!

制作步骤:

1、确定布局;

2、制作菜单树;

3、添加数据Grid;

4、添加Toolbar;

5、对Toolbar的每一项绑定处理事务。

布局:

使用最普遍的上中(左右)下布局

代码:

[javascript]
view plain
copy

转载自原文链接, 如需删除请联系管理员。

原文链接:LigerUI初学篇---使用LigerUI制作简洁清爽的界面,转载请注明来源!

0