开发工具与关键技术：Visual Studio /.NET /layui插件
作者：肖春庆
撰写时间：2019年06月17日
在我们使用软件的过程当中有着许多数据在数据库里是需要我们进行数据的绑定，一般应用的是数据表格的绑定。并且显示给用户进行应用等等。我们知道数据在数据库里没有进行应用，那么数据库里的数据就是没有勇武之地，所以要进行数据表格的绑定。在这里我们应用layui致力于通过了分页逻辑，既可以轻松的进行绑定分页，也可以作为页面刷新分页的处理。
指定向一个用于存放分页的容器，通过服务端得到一些初始值，即可完成分页渲染。把layui的插件进行引用。要引用css样式布局的插件，它自定义了一些视图布局，我们可以根据自己的需求进行调用即可，同时它还进行了JS一些功能的封装，同样我们只需要根据自己的需求进行调用。
点击修改按钮。layui封装d出层提交数据方法是点击修改按钮的时候，content路径CPTL/+curId，路径中的curid是当前信息的ID，d窗跳出当前的数据信息，然后把提交的按钮写在子页面里面添加数据并提交即可。
数据data是事实或观察的结果，是对客观事物的逻辑归纳，是用于表示客观事物的未经加工的的原始素材。数据可以是连续的值，比如声音、图像。
1
第一步在我们的电脑上打开软件，新建一个html，并添加上layui的js和css文件，如下图所示：
2
第二步我们打开新建的html文件,在<head>标签里面引入layui.css，layui.js文件，如下图所示：
3
第三步我们开始写body页面内容，这里给的表格内容是layui的表格示例数据，如下图所示：
4
第四步我们最后来给表格数据添加点击事件，table.on('tool(demoEvent)', function(obj){}来监听单元格事件，layer.prompt()d出框，使用 obj.update({ sign: value })进行更新表格和缓存，如下图所示：
5
第五步我们在浏览器中打开html页面，可以看到表格数据内容，如下图所示：
6
第六步我们点击表格数据内容，d出框显示单元格里面的数据，可以看到通过layui，给表格数据添加了点击事件，如下图所示：
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）