Asp.Net MVC +EntityFramework主从表新增编辑操作的实现

对于MVC中同时对主从表的表单操作在网上现有的解决很少,而这样的操作在做业务系统中是经常为遇到的。我在网上搜索了很久都没有发现很完整的实例或非常好的解决方案,所以我很想和大家讨论一下又什么更好的解决方案。

一旦有更好的方式我会把它集成到模板中实现自动生成。所以很希望得到大家的帮助。在这里我先抛砖引玉了。

Demo代码在 https://github.com/neozhu/MVC5-Scaffolder 下载

先看一下我的Demo实例

实体类的结构

实现的操作界面如下图

功能:

查询页面上可以单击新增和编辑进行对数据维护

页面的结构是上部是维护表头,下部的Table是现实子表数据,对子表数据的维护使用bootstrap popup modal的方式操作。

具体实现

View层的代码

Index :查询Table List

Create :新增页面

Edit : 编辑页面

EditForm :Partial View内嵌在Create 和Edit页面中

_OrderDetailForm : pupup 子表维护表单页面

Create,和Edit页面通过Ajax Post 把数据提交到后台的Controller进行操作

代码如下

<script type="text/javascript">

var $orderdetailstable = {};

var ObjectState = "Added";

$(document).ready(function () {

$('#orders').submit(function () {

var actionurl = $(this).attr('action');

var orderdetails = $orderdetailstable.bootstrapTable('getData');

console.log(orderdetails);

var newitem = {

Id:0,

Customer: $('#Customer','#orders').val(),

ShippingAddress: $('#ShippingAddress', '#orders').val(),

OrderDate: $('#OrderDate', '#orders').val(),

ObjectState:ObjectState,

OrderDetails: orderdetails

};

console.log(newitem);

$.ajax({

url: actionurl,

type: "POST",

dataType: "json",

contentType: "application/json; charset=utf-8",

data: JSON.stringify(newitem),

success: function (result) {

self.location = "/Orders/Index";

//alert("success " + result.UserName);

},

error: function (result) {

alert("Failed");

}

});

return false;

});

});

</script>

  

通过Jquery 获取表头和表体数据 序列化成Json对象然后Post到后台

这里有个问题关于Josn 序列化的 所有的实体 Order都集成Entity这个基类,Entity有个枚举类型的字段 [ObjectState] 用了好多方法都没有办法把这个字段提交到后台,在Controller的Create,Edit 方法中的Order就是没有[ObjectState]这个字段的值;所以在Controller层还得写很多代码来修改实体状态

Controller层代码

这里就只贴Create方法的代码

// GET: Orders/Create

public ActionResult Create()

{

         //Detail Models RelatedProperties

            var orderRepository = _unitOfWork.Repository<Order>();

ViewBag.OrderId = new SelectList(orderRepository.Queryable(), "Id", "Customer");

            var productRepository = _unitOfWork.Repository<Product>();

ViewBag.ProductId = new SelectList(productRepository.Queryable(), "Id", "Name");

return View();

}

// POST: Orders/Create

// To protect from overposting attacks, please enable the specific properties you want to bind to, for more details see http://go.microsoft.com/fwlink/?LinkId=317598.

[HttpPost]

//[ValidateAntiForgeryToken]

public ActionResult Create([Bind(Include = "OrderDetails,Id,Customer,ShippingAddress,OrderDate")] Order order)

{

if (ModelState.IsValid)

{

order.ObjectState = ObjectState.Added;

foreach (var detail in order.OrderDetails)

{

detail.ObjectState = ObjectState.Added;

if (detail.Product != null)

detail.Product.ObjectState = ObjectState.Detached;

}

_orderService.InsertOrUpdateGraph(order);

_unitOfWork.SaveChanges();

DisplaySuccessMessage("Has append a Order record");

//return RedirectToAction("Index");

return Json("{Status:Success}", JsonRequestBehavior.AllowGet);

}

DisplayErrorMessage();

return View(order);

}

  

因为没办法在前端把[ObjectState]这个字段的值序列化所以写了一个foreach来修改状态,不知道你们有没有什么好的解决方案

Popup Modal编辑子表数据代码

新增表体按钮

$('#neworderdetailbutton').on('click', function (e) {

if ($("form").valid()) {

var url="/Orders/CreateOrderDetail"

$.get(url , function (data) {

//console.log(data);

var index=-1;

$('#orderdetailformModal-body').html(data);

$('#rowindex').val(index);

$('#Id').val(0);

$('#orderdetailformModal').modal('toggle');

});

}

e.preventDefault();

//Return false regardless of validation to stop form submitting

//prior to ajax doing its thing

return false;

})

  

OrderController 添加一个新增表体和修改表体的Action用于生产对应的Partial View

我在这里也试过在OrderController中不添加对子表操作的Action,完全使用JS完成对行的操作,但在对编辑现有表体数据时出现了问题。后来注销掉了@*@Html.Partial("_OrderDetailForm")*@

现在还有非常棘手的问题就是如何进行删除操作,一旦在编辑状态下,把其中一个表体的记录删掉,删除后就没办法把数据提交到后台,而不删添加一个删除标志,这同样也会带来很多操作,如Table 在laod数据时还要把带删除标志的行筛选掉,又要添加好多代码

不知道你们是否有很好的解决方案

Asp.Net MVC +EntityFramework主从表新增编辑操作的实现(删除操作怎么实现?)的更多相关文章

  1. ASP.NET MVC 3 之表单和 HTML 辅助方法(摘抄)

    ——选自<ASP.NET MVC3 高级编程(第5章) 孙远帅 译> 第5章 表单和HTML辅助方法 本章内容简介: * 理解表单 * 如何利用HTML辅助方法 * 编辑和输入的辅助方法 ...

  2. 使用asp.net mvc + entityframework + sqlServer 搭建一个简单的code first项目

    步骤: 1. 创建一个asp.net mvc 项目 1.1 项目创建好结构如下 2 通过vs安装EntityFramework框架 install-package entityframework 3. ...

  3. ASP.NET MVC Jquery Validate 表单验证的多种方式

    在我们日常开发过程中,前端的表单验证很重要,如果这块处理不当,会出现很多bug .但是如果处理的好,不仅bug会很少,用户体验也会得到很大的提升.在开发过程中我们可以不借助 JS 库,自己去手写 JS ...

  4. Ubuntu 环境 运行Asp.net mvc +EntityFramework+ Mysql

    关键词:ubuntu,mono,.Net framework 4.5,asp.net mvc 4,Entityframework 6,Mysql Mono安装 参考文章: Install Mono o ...

  5. [转]ASP.NET MVC Jquery Validate 表单验证的多种方式介绍

    在我们日常开发过程中,前端的表单验证很重要,如果这块处理不当,会出现很多bug .但是如果处理的好,不仅bug会很少,用户体验也会得到很大的提升.在开发过程中我们可以不借助 JS 库,自己去手写 JS ...

  6. asp.net mvc entityframework sql server 迁移至 mysql方法以及遇到的问题

    背景: 我原来的项目是asp.net mvc5 + entityframework 6.4 for sql server(localdb,sql server),现在需要把数据库切换成mysql,理论 ...

  7. ASP.NET MVC 学习1、新增Controller,了解MVC运行机制

    1,turorial ,根据链接教程新建一个MVC项目 http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/ ...

  8. ASP入门(二十三)- 数据库插入、更新和删除操作

    我们这里介绍如何使用 Recordset 对象进行插入.更新和删除操作,顺便和 SQL 语句对比. 插入记录 AddNew 方法用于插入一条记录,首先打开一个记录集,并且这个记录具备可写特性,而后调用 ...

  9. React---简单实现表单点击提交插入、删除操作

    import React,{Component,Fragment} from 'react' class App extends Component { constructor(){ super() ...

随机推荐

  1. CentOS 系统 git clone出错

    CentOS 操作系统 安装npm git clone 项目时出现类似如下错误: fatal: unable to access 'https://github.com/creationix/nvmg ...

  2. 杨其菊201771010134《面向对象程序设计(Java)》第三周学习总结

    <面向对象程序设计(Java)>第三周学习总结 第一部分:理论知识 这周课程没有新进度,由于感觉对基础语法的不熟悉,复习了一遍前三章的细碎知识,学到一些之前不知道的原理: 1.计算机高级语 ...

  3. nc6 用业务插件注册来跑按钮事件

    在实际开发中,有些需求是要求系统单据,编辑或者触发其他按钮来回写其他模块单据 这时候就能用业务插件方式来触发其他模块的按钮事件,而不用去模块找对应的按钮编辑事件类 package hz.bs.hzct ...

  4. Spring Boot 启动(二) Environment 加载

    Spring Boot 启动(二) Environment 加载 Spring 系列目录(https://www.cnblogs.com/binarylei/p/10198698.html) 上一节中 ...

  5. linux命令重定向>、>>、 1>、 2>、 1>>、 2>>、 <

    重定向命令其实用得不少吧,只是重来都没有仔细看过,这波正好又用到 又有空总结一波. 先看>和>>: 他们俩其实唯一的区别就是>是重定向到一个文件,>>是追加内容到文 ...

  6. drf5 版本和认证组件

    开发项目是有多个版本的 随着项目的更新,版本就越来越多.不可能新的版本出了,以前旧的版本就不进行维护了 那我们就需要对版本进行控制,这个DRF框架也给我们提供了一些封装好的版本控制方法 版本控制组件 ...

  7. 《mysql必知必会》学习_第16章_20180807_欢

    第16章:创建高级联结. P106 select concat(RTrim(vend_name),'(',RTrim(vend_country),')') as vend_title from ven ...

  8. 札记:Property动画

    简介 Android 3.0 (API level 11)引入了属性动画系统,它是一个完善的框架,可以用来对几乎任何对象进行动画.只需要指定要动画的对象属性,动画时长,属性值区间等,无论对像是否在屏幕 ...

  9. 下载 rpm 源码包并重新编译

    $ yumdownloader --source gdb $ rpmbuild --rebuild gdb-7.8.1-30.fc21.src.rpm $ cd ~/rpmbuild/SPECS/ $ ...

  10. 突然 不能f**q

    ss 突然访问不了,于是去查看ip是否被f,发现国outer 国inner 都通,不知道什么情况,后来把 系统代理模式 改为全局,发觉可以,又把他改为 pac模式,正常了.           记录一 ...