点击行回填数据

(作者：饶家俊，撰写时间：2019年6月7号)
接下来给你介绍的是点击行回填数据，实际上就是点击数据表格来获取，那条数据的ID，在用这个ID来查询数据，在根据通过要回填回填页面上数据标签里面的ID来找到它，在把通过点击获取到的ID，在根据你在数据库查询到的数据，在给到页面上的数据ID，这样就可以把你点击行的获取ID来回填ID，当然我们首先就要让数据表格有点击事件获取行数据，下面就来看看更详细的代码吧。

这个就是我在数据表格的点击事件，当然有这一句代码是不够的，我们要先到数据表格cols的里面添加这一句代码{ type: ‘radio’,hide:true},这句代码是让每条数据都有一个圆，点击这个圆的时候就会改变样式，hide:true就是隐藏这个圆，不会让他显示出来。在下来就图一这张图片了，先获取到你这个数据表格的table里面的ID，在获取到点击行数据。在下面一句代码就是点击选中，要注意的是你在前面用的是radio那么在这里就要用layui-form-radio来实现选中整行，如果是别的如checkbox，那就是layui-form-checkbox。这样我们就可以点击数据表格了，并且获取到点击行数据。

接下来我们要点击行来回填数据那么，我们首先就要来把数据查询出来，才可以进行下一步的操作，先个这个方法取个名称，用try来捕捉错误，在到try里面写代码查询数据，是通过用户角色名称表的主键获取到用户角色名称字段，在通过用户表的外键获取到工号密码字段，来给他查询数据。
where tbUserRoleName.UserID == userID，这个就是通过这个ID筛选条件，所以要给他一个参数 int userID，这个参数是要要给到视图的。这样我们查询数据就已经查询好了，我们还在视图里面来调用这个方法。

首先我们要就获取到数据表格，用一个变量checkStatus来接受数据，在用一个变量checkData来接受获取选中行的数据，在来判断checkData长度是否是大于0，大于0就跳出来，小于或者等于0，那么就提示他你想提示什么，就提示什么。

在到里回填数，首先要我们要是根据ID来获取数据的，所以要先获取ID，用一个变量来获取userid，来获取ID，在给他数据接口获取到控制器那里的参数userID，，用这个两个东西来到数据里面查询数据，里面就是我们要回填的字段，回填有两种方法。

第一种是用fom表单来回填数据,就是这两句代码，他们用的是name=“UserRoleName1” 来回填数据，里面的是，数据库对应的字段，这就可以实现回填。前提是要用fom表单包在里面，你要回填几个数据就要有几个name和数据库里面查询到的字段。
HtmlLoadData(data);
loadDatatoForm(“SearchPatient”, data);

第二种就算是没有fom表单也可以进行数据回填代码会比前面要长，根据那个标签的ID来和数据库里面对应的字段来回填数据，代码跟第一种是不一样的，你要回填几个数据就要有几个下面的代码和数据库里面查询到的字段。
$("#UserRoleName1").val(data.UserRoleName1);

马上就结束了，只要我们来调用这个这个方法，给他一个点击事件，οnclick=“PatientsSearch()”
这样你点击数据库里面的一行数据，在点击查询就可以回填数据了。