Jquery EasyUI - Datagrid

今天在做老大布置给自己的任务时，发现了自己的一个盲点，那就是不会灵活运用组件库，甚至于不会查看当前项目所用的组件库是什么。今天呢算是第一次接触EasyUI，一开始并不知道所用的组件库是EasyUI，后来经过同事的指导才慢慢发现，意识过来。需求主要是对数据表格的操作，用EasyUI的专业术语来说就是Datagrid数据网格。以前接触到的大都是Element中的el-table，并且分页用的是el-pagination来实现的,但EasyUI并非如此，它的数据展示和分页功能甚至于搜索功能全部集成在Datagrid中。在解决问题的过程中，也开始逐渐发现这个组件库与jQuery具有非常大的集成度，甚至说成是为jQuery开发出来的一套用户插件集合也不为过。当然现在也支持开发框架Vue,Angular和React。本项目是用ASP.Net开发出来的一套web应用：订单管理系统，在订单页面中的数据网格是通过javascript来创建出来的，创建的同时可以定义一些属性,事件和方法，比如：data,pageNumber,onSelect(rowIndex,rowData)，getSelected(),getPager等。在数据网格中鼠标点击某一行可以记录下当前行行号和本行所在当前页数，找到行号和页数后，通过一定的逻辑处理，每次重新加载数据的时候即可以定位到当前行。在找当前行所在页的过程中经历了一些波折，但经过官网资料的查找和百度网友的无所不知还是解决了问题。