数据互换
首先借用bootstrap插件把数据查询出来绑定在表单上,然后给向右边按钮一个点击事件,点击时,获取一下右边表格是否有获取到行,没有就提示他点击一行数据。获取到一行后,就获取当前行的数据,获取到后,弹出一个提示框,是否确定,确定后,首先要执行新增操作,把右边表的选中的数据新增到左边表里,新增完成后,再执行删除操作,删除右边表里的被选中的那一条数据数据,这样就可以实现数据互换的操作了,把左边的数据移动到右边也是一样,只是左右调换了一下,代码如下:
右边数据转到左边:
JS代码:
//DIV1的点击事件
$("#DIV1").click(function () {
var rowIndex = tbAcademeInforS.getSelectedRowIndex();//获取选中行的索引值, 行索引从0开始, 如果没有选择则返回-1
if (rowIndex > -1) {
var AssistantSizeID = tbAcademeInforS.getColumnValue(rowIndex, "AssistantSizeID");//获取单元格值, 根据行索引值及列AssistantSizeID
var AssistantSizeName = tbAcademeInforS.getColumnValue(rowIndex, "AssistantSizeName");
var Remarks = tbAcademeInforS.getColumnValue(rowIndex, "Remarks");
layer.confirm("确定要把该尺码新增到左边的表吗?", {
icon: 3,
btn: ['确定', '取消']
}, function (layerIndex) {
layer.close(layerIndex);//关闭提示框
$.post("InsertSizeZ", { AssistantSizeName: AssistantSizeName, Remarks: Remarks }, function (msg) {
if (msg) {
$.post("DeleteAssistantSize", { AssistantSizeID: AssistantSizeID }, function (msg) {
if (msg) {
layer.alert('操作成功!', { icon: 1, title: '提示' });
tabAcademeInfor.search();
tbAcademeInforS.search();
} else {
layer.alert('操作失败!', { icon: 2, title: '提示' });
}
});
} else {
layer.alert('操作失败!', { icon: 2, title: '提示' });
}
});
});
}
else {
layer.alert('请选择右边表的数据!', { icon: 0, title: '提示' });
}
});
新增:
public ActionResult InsertSizeZ(string AssistantSizeName, string Remarks)//新增尺码
{
string strmsg = "failed";
try
{
//实例化表对象
Base_Size mySize = new Base_Size();
if (AssistantSizeName != null && Remarks != null)
{
//给表对象属性赋值
mySize.SizeName = AssistantSizeName.Trim();
mySize.Remarks = Remarks.Trim();
//把表对象加到实体模型中
myModels.Base_Size.Add(mySize);
//将对象实体插入到数据库中
myModels.SaveChanges();
strmsg = "success";
}
else
{
strmsg = "failed";
}
}
catch (Exception)
{
strmsg = "failed";
}
return Json(strmsg, JsonRequestBehavior.AllowGet);
}
删除:
public ActionResult DeleteAssistantSize(int AssistantSizeID)//删除副尺码 By 副尺码ID
{
try
{
var listAssistantSize = myModels.Base_AssistantSize.Where(m => m.AssistantSizeID == AssistantSizeID).Single();
myModels.Base_AssistantSize.Remove(listAssistantSize);
if (myModels.SaveChanges() > 0)
{
return Json(true, JsonRequestBehavior.AllowGet);
}
else
{
return Json(false, JsonRequestBehavior.AllowGet);
}
}
catch (Exception)
{
return Json(false, JsonRequestBehavior.AllowGet);
}
}
效果:
互换前:
互换后:
左边数据转到右边边:同右边一样,只是把左右调换一下。