数据互换

数据互换

首先借用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);
     }
 }

效果:
互换前:
在这里插入图片描述
互换后:
在这里插入图片描述

左边数据转到右边边:同右边一样,只是把左右调换一下。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值