绑定事件回填方法

这次的绑定事件回填方法和绑定下拉框回填方法是不一样的，下面给大家讲解一下方法

我们平常时用   <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); 

来回填表单数据了，可以尝试一下我写的方法。