点击行回填数据并绑定下拉框

点击行回填数据并绑定下拉框
开发工具与关键技术：VS MVC
作者：木林森
撰写时间：2019年7月 29日
在做项目的时候，我们常常会遇到数据的回填，如下拉框选择一条数据，然后其他文本框就会回填数据、再如我们常常做的修改，点击修改按钮弹出修改模态框并回填数据、又如在layui表格中选择一行，然后from表单就回填数据，然后下拉框就根据回填的数据绑定其他的下拉框（举例：大概是这样的：点击行回填科室、和科室ID，然后根据科室ID绑定该科室的医生下拉框和该科室的床位下拉框）。今天就不讲前面两种数据回填，就分享最后一种吧，来看看我是怎么操作的，如果有不足的地方请海涵，更请多指教
首先设置一个隐藏域放置科室ID：
1
隐藏域type用hidden来隐藏，我这里将type用text显示出来，看看点击行的时候有没有获取到科室的ID，但是获取到科室ID后我会将text改回hidden的，那样整体的页面也会比较好看。
然后在form表单设置一下那个回填科室的文本框：
2
设置好放置的文本域后，就在监听行的单击事件里面写数据回填，代码如下：
3
ShenQingLieBiao为获取行的表格，然后获取点击行对的数据，再写数据回填。回填数据前的样子如图4，回填后的效果如图5：
图4
图5
接下来就是根据获取到的科室ID然后绑定该科室医生（主刀医生）和该科室床位（预约床位）的下拉框了，这里绑定的床位需要给一个限制条件，就是当前显示出来的床位应该是空床，所以在控制器中需要给一个判断，代码为：
where tbBed.NullBed==true
我数据库里面设置床位的是空床否，true——空；false——有人
因为是在回填科室的时候同时要绑定好下拉框，所以就需要在回填科室ID时，同时获取科室ID绑定下拉框，代码同样需要写在监听行的单击事件里面写：
6
代码就写完了，看看效果如何吧：

图7
东西经过自己去操作才会是自己的，看别人的永远只是看看而已，所以赶快自己去操作一遍吧！