实行多种下拉框数据的绑定

现在假如你要查询或者新增和修改某一个数据,就比如要在一个公司查询某一个人在什么部门而那个公司却有许多部门,那么该怎么去查询呢?那就可以用下拉框了,因为下拉框里面分开着很多数据,比如要查询的那一个人在销售部,那就可以在部门下拉框里面选择到销售部然后点击查询就可以了,这样就会方便很多。那么现在来完成一个查询数据的下拉框绑定,查询数据有两个下拉框一个是职位下拉框数据的绑定,一个是部门下拉框数据的绑定。现在首先用function来获取职位的id,然后在控制器那边也要写职位下拉框数据的查询,再到cshtml写上创建控制器那时候的路径和获取控制器职位下拉框数据查询的路径,来到控制器职位下拉框数据查询这边,首先要查询数据来获取职位表里面的职位ID,最后要一定要写上拼接“请选择”项,如果不写上拼接”请选择项”,职位下拉框数据完成了也不知道的,因为下拉框的数据没有显示。职位下拉框的数据绑定完成了,再来绑定部门下拉框的数据,绑定部门下拉框的数据和上面绑定职位下拉框的数据是一样的,也要在控制器这边写上部门下拉框数据的查询,最后也要写上拼接“请选择”项,然后启动执行职位和部门两个下拉框就会显示出来了。
(下面截图)
实行多种下拉框数据的绑定
实行多种下拉框数据的绑定
实行多种下拉框数据的绑定
查询的职位和部门的下拉框显示出来了,不过这样还不能查询数据,因为还没有获取到要查询的ID,想要完成查询的功能就要先写多条件查询,然后再获取查询的条件和判断条件是否为空,然而在控制器这边也要写多条件查询来获取各种条件的ID,最后还要计算总条数和分页数据,还要实例化,这样就可以查询下拉框的数据了。
那么查询的下拉框数据绑定完成了,现在来看一下新增模态框的下拉框的数据绑定,新增模态框的下拉框数据的绑定首先要弹出新增的模态框,那么要弹出的新增模态框就一定会有新增模态框的样式,先写好新增模态框的样式,新增模态框里面一定要有职位部门的样式和id,不然绑定不了新增模态框下拉框的数据,写好了新增模态框的样式后,然后用function和新增的点击事件来写绑定职位和部门的下拉框数据,然后再重置一下表单,再绑定职位和部门的下拉框,首先绑定部门的下拉框,还是用creatSelect来获取上面的新增模态框的部门id,然后从控制器那边复制一下创建的时候的路径,同时职位下拉框也是同样的绑定。控制器也要写一个新增信息,首先在表头给它一个路径和获取新增的信息里面的id,然后再判断数据库中是否已经存在该员工信息,然后再根据各表之间的关系来新增顺序互换,把新增用户表保存,然后再获取新增的用户ID和新增员工表,还要用户角色明细表新增,用if写出员工信息是否新增成功,用else写用户明细表保存失败、员工表保存失败和用户表保存失败,再用else写该用户已经存在、数据重复、数据异常。要想弹出新增模态框就要选择到上面新增模态框的id,然后写上(‘show’),最后启动执行新增模态框的下拉框就出来了。(注意:部门和职位的下拉框的id,一定要是新增模态框里面的部门职位的id,如果不是模态框里面的id那么下拉框就不会显示出来的。)
(下面截图)
实行多种下拉框数据的绑定
实行多种下拉框数据的绑定
那么新增数据里面的下拉框就显示出来了,虽然下拉框的数据出来了,但是依然选择不了,因为还没有保存新增和获取页面数据,还要设置姓名信息验证,验证的姓名信息不能是数字,也要电话信息验证和手机号信息验证。最后还要写数据完整性验证,首先打开加载层、提交表单、关闭加载层、录入成功、关闭模态框、提示信息和刷新表格,那么写完这些新增模态框信息就能显示出来了、也新增成功了。
查询和新增的下拉框数据就完成了,那再来看一下·修改的下拉框数据绑定,修改的下拉框数据有点不一样,因为修改的还要回填数据。首先来要写好修改的模态框的html代码,然后再写弹出修改的模态框,用function来获取修改的点击事件,然后再写上在控制器那边修改的参数,再重置表单,重置表单选择到上面from的id,然后部门下拉框数据的改变触发职位下拉框数据的改变,首先要选择到部门的ID,也获取选中部门的ID,再绑定职位下拉框,要查询员工信息,回填数据用.post复制创建控制器那时候的路径和控制器那边写的修改的路径来获取两个参数ID,然后再用function来绑定数据,绑定下拉框数据和上面的是一样的,不过也要把上面修改模态框的部门、职位的id复制下来,还要获取隐藏域里面的数据,表单数据回填也是要获取上面修改模态框form的id。再控制器那边写完了修改后,然后想弹出修改模态就要获取选择到上面的修改模态框的id,再写上(‘show’)。(注意:在绑定职位和部门下拉框的时候后面要写上它们的id)。
(下面截图)
实行多种下拉框数据的绑定
修改模态框的下拉框就成功的显示出来了,但还不能保存或成功修改,因为还没有设置保存修改,保存修改和保存新增差不多,也是要获取页面数据和姓名信息验证、电话信息验证、手机号信息验证、数据完整性验证、最后刷新表格。要关闭模态框的话也要选择到上面的修改模态框的id,然后在写上“hide“。
(下面截图)
实行多种下拉框数据的绑定
在增删查改里面一般只有增查改有下拉框数据的绑定,所以说一般都是删除是最容易的,这是我个人觉得。
(如有什么不对,请多多指教!)