在修改数据时,数据的回填是很必要的,那么我给大家分享一下数据回填的操作,下面截图来源于我学习的代码。
回填数据之前,首先要获取到一条数据里的一个ID,可以通过监听来获取,也可以通过传参来拿到。为了避免打开模态框有残余的数据,在弹出模态框之前要重置一下表单。当我点击到一条数据时,获取到选中行的ID,$.post异步请求控制器方法,把主键ID作为参数传过去,左边传递过去的参数要和控制器接收到的参数要一致。
控制器把表单相关的数据查出来后,返回给页面,页面通过回调函数的参数接收数据,就可以进行相关信息的一个回填。普通的数据回填,可以给form表单里面的name名称来设置相应的数据,也可以直接对ID来设置相应的数据。
当然form表单里面不仅仅是input的标签,也有很多的类型样式。比如下拉框,它的一个数据回填,首先就要绑定下拉框,里面我用到了一个createSelect一个方法,第一个是下拉框的ID,第二个是绑定的方法或者路径,第三个是要回填的数据;如果保存下拉框的数据ID是1,那么通过绑定下拉框的同时回填了ID是1。
如果回填的信息是图片的话,就要写在$.post方法之前,首先回填图片再回填其他的信息。设置图片的src路径,通过控制器方法查询图片信息。如果还有其他的表单数据,但是又不想写这么多代码,loadDatatoForm方法,form表单ID,把控制器查询到的数据直接全部回填。
查询相应ID的一个图片信息,如果查询到的数据为空,就返回一个null。把图片信息放进数组里面,返回File文件,一个数组的图片jpg格式。
上面就是具体的数据回填的操作,希望对你们有用,如果哪里分析不够恰当或者不清晰的地方请海涵,还可以在评论下面进行点评和指正~