这次的绑定事件回填方法和绑定下拉框回填方法是不一样的,下面给大家讲解一下方法
我们平常时用 <from> </from> 表单来写修改提交数据,一般都是用下面这种方法:
//打开修改模态框,并实现数据回填
function updateRoomRate(RoomRateAgreementID)
{
$('#formUpRoomRateAgreement input[type="reset"]').click();//重置表单
$.post("SelectRoomRateAgreementies", //数据回填,提交数据
{RoomRateAgreementID: RoomRateAgreementID },function (returndata) {
createSelect("URoomCategory","/DFJIUDIAN/DFjiudian/SelectRoomCategory", returndata.RoomCategoryID);
$("#URoomCategory").change(function () {var URoomCategory = $("#URoomCategory").val();
//实际房价下拉框数据绑定
$.post("/DFJIUDIAN/DFjiudian/SelectRoomCategoryiessed",{URoomCategory:URoomCategory }, function (data) {
var DisperseGuestPrice = data.DisperseGuestPrice;
$("#UDisperseGuestPrice").val(data.DisperseGuestPrice);
}, 'json');
});
loadDatatoForm("formUpRoomRateAgreement", returndata); //其他表单信息的数据回填
});
$("#modalUpRoomRateAgreement").modal('show');
}
这种写法是可以回填数据,但是绑定的数据只会回填ID,并不会回填准确的数据,如图
下面给大家写一种是可以回填准确数据的方法,变化不大,但是我们新手很容易绕进去,我遇到这个问题的时候,看起来没什么,但是我花了整整一天时间才把这个问题解决了,
//打开修改模态框,并实现数据回填
function updateRoomRate(RoomRateAgreementID) {
$('#formUpRoomRateAgreement input[type="reset"]').click();//重置表单
$.post("SelectRoomRateAgreementies", //数据回填,提交数据
{RoomRateAgreementID: RoomRateAgreementID },function (returndata) {
createSelect("URoomCategory","/DFJIUDIAN/DFjiudian/SelectRoomCategory", returndata.RoomCategoryID);
$("#URoomCategory").change(function () {var URoomCategory = $("#URoomCategory").val();
//实际房价下拉框数据绑定
$.post("/DFJIUDIAN/DFjiudian/SelectRoomCategoryiessed",{URoomCategory:URoomCategory }, function (data) {
var DisperseGuestPrice = data.DisperseGuestPrice;
$("#UDisperseGuestPrice").val(data.DisperseGuestPrice);
}, 'json');
});
$("#URoomRateAgreementID").val(returndata.RoomRateAgreementID);
$("#UDisperseGuestPrice").val(returndata.DisperseGuestPrice);
$("#UAgreementRoomRate").val(returndata.AgreementRoomRate);
$("#URemark").val(returndata.Remark);
}, 'json');
$("#modalUpRoomRateAgreement").modal('show');
}
要准确的把绑定的数据字段回填过来,才能接受到准确的数据,如图
这种写法就能得到准确的数据了,而不是得到只是一个ID,用这种写法的时候一定要在表单里给隐藏域,把主表的ID回填过来,不然修改保存不了,
以后遇到这种绑定事件的时候记得不要用
loadDatatoForm("formUpRoomRateAgreement", returndata);
来回填表单数据了,可以尝试一下我写的方法。