数据表格渲染与事件监听
开发工具与关键技术：VS/JQuery
作者：郑石秀
撰写时间:2019/4/28
在学习MVC项目的过程中，数据表格是引用插件完成的。第一步引用layui模板的插件，引用插件的过程很简单，将插件拷贝到项目里面，然后在解决方案资源管理器里点击显示全部文件，找到刚拷贝的插件，选择包含在项目里面，之后就可以在项目的视图里面引用插件了。
引用插件后，先定义几个全局变量，定义变量是为了完成表格的渲染。然后写一个页面加载事件，可以写JS的也可以写JQuery的页面加载事件。在页面加载事件里面完成数据表格的基本样式，这里定义的layer是提示框，在新增，修改和删除的时候会用到。
Elem是指定你所需要渲染的表格ID，url这里是数据接口，就是你在控制器里面写好查询数据的方法后，将控制器里面的查询方法放到url里面。之后就是表格的配置项了，配置项field里面的数据要和数据库里面的字段对应，才能查询出数据。Templet这是设置自定义模板的属性，我在自定义模板里面一般设置的是修改和删除的按钮，这个可以根据自己的需求去设置。Page这是一个分页的属性，limits这个属性可以设置页面显示多少条数据。
数据表格完成渲染后，如果想要实现一个事件监听，
功能是当年点击数据表格里面的某一行时，就可以获取到这一行里面的数据。这里有一个简单的方法。如下图：监听事件的代码就和图片上的一样，去获取到表格lay-filter里面的值，这里的单击事件是row，双击事件是rowDouble。
总结：数据表格渲染的步骤，先去引用插件，然后定义几个全局变量，之后在页面加载事件里面完成表格基本配置项。事件监听分为单击事件和双击事件，这个可以根据项目的需求去设置，之后去获取到表格里面lay-filter的值，根据图片上的代码就完成了表格的事件监听，方法借鉴与老师。