添加回填事件

                    添加回填事件

开发工具与关键技术：MVC  专题技术
作者：彭春怡
撰写时间：2019/7/16

各位IT的同学们好，今天我想给大家介绍的是一个添加事件，在添加的过程中可以进行会填你想要的数据。但回填你想要的数据是要通过代码现实的。你想要什么数据需要通过代码进行筛选的，需要的数据进行回填，才可以回填你想要的数据。添加呢，就是点击添加按钮，添加成功，数据进行回填。差不多就是这样了。
下面给大家查看一小段视图js部分代码。
$("#addition").click(function () {
var checkStatus = layuiTable.checkStatus(‘tbYuding’);

首先是一个按钮的点击事件，这里是获取按钮的Id的，click点击事件。获取选中的行，tbYuding就是选中的行，就是存放需要添加的事件表格。checkStatus去获取tbYuding的状态。

         if (checkStatus.data.length > 0) {
             var Reservation = "";
             for (var i = 0; i < checkStatus.data.length; i++) {
                 Reservation += checkStatus.data[i].RoomPlatformID + ';';
             }
             Reservation = Reservation.substring(0, Reservation.length - 1);
             tbFubiao.reload({
                 url: '/BookingOpening/RealTimeBuilding/Reservationdesk',
                 where: { RoomPlatformID: Reservation },
                 done: function (res, curr, count) {
                     var data = res.data[0];

这里是判断选中行的数据，判断它是否已经选中。这里有个for循环是给添加的数据进行循环的，“Reservation += checkStatus.data[i].RoomPlatformID + ‘;’;” RoomPlatformID + ';'这个是进行数据分割，就是RoomPlatformID数据的分割。后面是添加数据存放已添加数据的表格。tbFubiao就是存放已添加数据的表格。获取它的控制器连接url，where是判断的条件，最后完成的数据done。

下面是数据的回填：判断data不为空：
if (data != null) {
$("#Roomtable").val(data.RoomPlatformNumber);//房台号
$("#Roomtablename").val(data.RoomPlatformName);//房台名
$("#PlatformNumber").val(data.RoomPlatformNumber);//房台号

                     } else {
                         $("#Roomtable").val("");//房台号
                         $("#Roomtablename").val("");//房台名
                         $("#PlatformNumber").val("");//房台号
                     }

添加成功后进行以上数据的回填。
//房数
$("#Fangshu").val(count);
}
});
} else {

             layer.alert("请选择需要添加的房间", { icon: 0, title: "提示", skin: "layui-layer-molv" });

这里是一个提示框如果没有选中并按钮添加按钮就会弹出一个提示框，提示“请选择需要添加的房间”。
}
});
下图是该功能的效果，选中左边的数据，按添加按钮，并添加数据到右边。然后筛选的是会进行回填。

总结：其实这个功能的完成，需要select的语句进行查询已判断，才可完成的。