Layui组件篇(一)

作者：李国林
上一篇里已经说过layui这个是一个封装好的一个样式框架，因此我们只需要引用他们的样式就可以了，但万事都有有一个意外，所以在上一篇的布局篇中《Layui布局变化利用style改变布局(一)》那里就有了说明了，因此，在这一篇中，我会进入到layui的布局篇中进行一些对大家可能有用的一些说明，因为组件篇，是layui里的的其中的一个模块，但也是我们经常也要用到的，不管是软件，还是网页的前端都要用到的一项，因为，组件里涉及的范围太大了，不管是日历插件，还是弹出层也或者是数据表格，这都是后端和前端一些地方都用到的地方，因此可想而知到他的重要性。接下来看一下以下的一些代码。因图片太大这次就不截图了。
首先看一下弹出层的引用代码吧。因为日历插件在上一篇已经写有了例子，因此就不重复了。
因为封装好的插件里已经有了封装好的样式，因此，我们只要引用样式插件进来，然后，用点击事件把要用的插件用事件进行点击与id结合起来就可以打开模态框了，并且，模态框又分为几种模态框。
因为模态分有以下几种：信息框，这个是默认的；页面层，iframe层，加载层，tipe层，如果要用就要用layui的方法进行调用就可以使用，并且因为是模态框，因此，就要用到点击事件的方法进行调用就可以了。
而一下的一个例子调用方法就是来源与layui的离线文件的。

1. layui.use(‘layer’, function(){
2. var layer = layui.layer;
4. layer.msg(‘hello’);
5. });
   下面是数据表格的