以前学习ASP.NET MVC时，学习与应用，操作过数据显示，添加，编辑，更新和删除等功能。

很多方法是相通的，看自己是怎样来进行方便，快捷，高效率。

今天Insus.NET写的练习，是直接对绑定在Table的数据进行更新，删除。

在项目中，创建一个实体，也就是说，对数据库时行通信，对数据进行操作：

 public IEnumerable<ToolLocation> GetAllToolLocations()

        {

            sp.ConnectionString = DB.ConnectionString;

            sp.Parameters = null;

            sp.ProcedureName = "usp_ToolLocation_GetAll";

            DataTable dt = sp.ExecuteDataSet().Tables[];

            return dt.ToList<ToolLocation>();

        }

        public void Update(ToolLocation tl)

        {

            List<Parameter> param = new List<Parameter>() {

                                    new Parameter("@ToolLocation_nbr", SqlDbType.SmallInt, , tl.ToolLocation_nbr),

                                    new Parameter("@LocationName",SqlDbType.NVarChar,-,tl.LocationName),

                                    new Parameter("@Description",SqlDbType.NVarChar,-,tl.Description),

                                    new Parameter("@IsActive",SqlDbType.Bit,,tl.IsActive)

            };

            sp.ConnectionString = DB.ConnectionString;

            sp.Parameters = param;

            sp.ProcedureName = "usp_ToolLocation_Update";

            sp.Execute();

        }

        public void Delete(ToolLocation tl)

        {

            List<Parameter> param = new List<Parameter>() {

                                    new Parameter("@ToolLocation_nbr", SqlDbType.SmallInt, , tl.ToolLocation_nbr)

            };

            sp.ConnectionString = DB.ConnectionString;

            sp.Parameters = param;

            sp.ProcedureName = "usp_ToolLocation_Delete";

            sp.Execute();

        }

Source Code

在项目的控制器中：

创建视图，并绑定数据：

@using Insus.NET.Models;

@model IEnumerable<ToolLocation>

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Edit</title>

    <link href="~/Content/css/table.css" rel="stylesheet" />

    <script src="~/Scripts/jquery-2.2.1.js"></script>

</head>

<body>

    <div>

        <table>

            <tr>

                <td>ToolLocation_nbr</td>

                <td>LocationName</td>

                <td>Description</td>

                <td>IsActive</td>

                <td></td>

            </tr>

            @foreach (var tl in Model)

            {

                <tr>

                    <td>@tl.ToolLocation_nbr<input id="Hidden1" type="hidden" value="@tl.ToolLocation_nbr" /></td>

                    <td>@Html.TextBox("LocationName", tl.LocationName)</td>

                    <td>@Html.TextBox("Description", tl.Description) </td>

                    <td>@Html.CheckBox("IsActive", tl.IsActive)</td>

                    <td>

                        <input class="Update" type="button" title="Update" value="Update" />

                    </td>

                </tr>

            }

        </table>

    </div>

</body>

</html>

Source Code

上面步骤#4的jQuery代码：

运行一下，看看效果：

上面是对数据进行更新的功能，下面的实现，是对Table内的数据删除。

@using Insus.NET.Models;

@model IEnumerable<ToolLocation>

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Delete</title>

    <link href="~/Content/css/table.css" rel="stylesheet" />

    <script src="~/Scripts/jquery-2.2.1.js"></script>

</head>

<body>

    <div>

        <table>

            <tr>

                <td>ToolLocation_nbr</td>

                <td>LocationName</td>

                <td>Description</td>

                <td>IsActive</td>

                <td></td>

            </tr>

            @foreach (var tl in Model)

            {

                <tr>

                    <td>@tl.ToolLocation_nbr<input id="Hidden1" type="hidden" value="@tl.ToolLocation_nbr" /></td>

                    <td>@tl.LocationName</td>

                    <td>@tl.Description</td>

                    <td>@Html.CheckBox("IsActive", tl.IsActive, new { disabled = "disabled" })</td>

                    <td>

                        <input class="Delete" type="button" title="Delete" value="Delete" />

                    </td>

                </tr>

            }

        </table>

    </div>

</body>

</html>

Source Code

上面标记#4的jQuery代码，即是删除的核心功能：

运行程序，看看删除的效果：

以下内容于2016-07-12 16:05分更新
删除成功之后，我们不必重导向，只需要删除这行html即可，来达到：

JQuery对ASP.NET MVC数据进行更新删除的更多相关文章

  1. [渣译文] 使用 MVC 5 的 EF6 Code First 入门 系列：为ASP.NET MVC应用程序更新相关数据

    这是微软官方教程Getting Started with Entity Framework 6 Code First using MVC 5 系列的翻译,这里是第八篇:为ASP.NET MVC应用程序 ...

  2. ASP.NET MVC应用程序更新相关数据

    为ASP.NET MVC应用程序更新相关数据 这是微软官方教程Getting Started with Entity Framework 6 Code First using MVC 5 系列的翻译, ...

  3. 七天学会ASP.NET MVC (二)——ASP.NET MVC 数据传递

    通过第一天的学习之后,我们相信您已经对MVC有一些基本了解. 本节所讲的内容是在上节的基础之上,因此需要确保您是否掌握了上一节的内容.本章的目标是在今天学习结束时利用最佳实践解决方案创建一个小型的MV ...

  4. 七天学会ASP.NET MVC (二)——ASP.NET MVC 数据传递 【转】

    http://www.cnblogs.com/powertoolsteam/p/MVC_two.html 通过第一天的学习之后,我们相信您已经对MVC有一些基本了解. 本节所讲的内容是在上节的基础之上 ...

  5. ASP.NET MVC EF直接更新数据(不需查询)

    EF(EntityFrameWork) ORM(对象关系映射框架/数据持久化框架),根据实体对象操作数据表中数据的一种面向对象的操作框架,底层也是调用ADO.NET ASP.NET MVC 项目会自动 ...

  6. 如何使用jQuery向asp.net Mvc传递复杂json数据

    jQuery提供的ajax方法能很方便的实现客户端与服务器的异步交互,在asp.net mvc 框架使用jQuery能很方便地异步获取提交数据,给用户提供更好的体验! 调用jQuery的ajax方法时 ...

  7. ASP.NET MVC图片管理(更新)

    Insus.NET在ASP.NET MVC专案中,实现了图片管理,上传,预览,显示,删除等功能,还差一个功能,就是更新图片的功能,那这次来完成它.你可以先参考前2篇<ASP.NET MVC图片管 ...

  8. 【转】ASP.NET MVC 数据验证及相关内容

    原文地址:http://www.jb51.net/article/56713.htm 一.数据验证 数据验证的步骤在模型类中添加与验证相关的特性标记在客户端导入与验证相关的js文件和css文件使用与验 ...

  9. asp.net mvc数据验证

    文章:asp.net mvc3 的数据验证(一) 文章:ASP.NET MVC下的四种验证编程方式 这个讲了在一个地方展示验证信息 文章:[ASP.NET MVC系列]浅谈数据注解和验证 这个在每个输 ...

随机推荐

  1. Javascript原型模式总结梳理

    在大多数面向对象语言中,对象总是由类中实例化而来,类和对象的关系就像模具跟模件一样.Javascript中没有类的概念,就算ES6中引入的class也不过是一种语法糖,本质上还是利用原型实现.在原型编 ...

  2. ASP.NET MVC请求处理管道生命周期的19个关键环节(1-6)

    ASP.NET和ASP.NET MVC的HttpApplication请求处理管道有共同的部分和不同之处,本系列将体验ASP.NET MVC请求处理管道生命周期的19个关键环节. ①以IIS6.0为例 ...

  3. npm穿墙

    GWF 很给力,很多东西都能墙掉,但是把 npm 也纳入黑名单,不知道 GWFer 是怎么想的.FQ翻了好多年了,原理其实也挺简单的,proxy 嘛! » 方法一 A) 国内源,http://cnpm ...

  4. OpenSSL密码算法库： MD5示例小程序

    OpenSSL http://www.openssl.org/ OpenSSL整个软件包大概可以分成三个主要的功能部分:密码算法库.SSL协议库以及应用程序.OpenSSL 的密码算法库包含多种加密算 ...

  5. 3、CC2541芯片中级教程-OSAL操作系统（ADC光敏电阻和修改串口波特率）

    本文根据一周CC2541笔记汇总得来—— 适合概览和知识快速索引—— 全部链接: 中级教程-OSAL操作系统\OSAL操作系统-实验01 OSAL初探 [插入]SourceInsight-工程建立方法 ...

  6. 腾讯Ubuntu云虚拟主机设置ftp服务器

    刚申请了免费的腾讯云主机, 发现还要想办法自己的服务器代码传到云主机上 在网上搜了很多方法介绍, 照着设置完后都无法正常连接 最后半夜尿醒来睡不着找到一篇站内文章, 提到必须注释掉一行代码 这个是其他 ...

  7. EF架构~关系表插入应该写在事务里，但不应该是分布式事务

    回到目录 这个标题很有意思,关系表插入,就是说主表和外表键在插入时,可能会有同步插的情况,如在建立主表时,扩展表需要同步完成数据的初始化工作,而对于多表插入时,我们为了保证数据的一致性会针它写在事务中 ...

  8. Atitit 图片 验证码生成attilax总结

    Atitit 图片 验证码生成attilax总结 1.1. 图片验证码总结1 1.2. 镂空文字  打散 干扰线 文字扭曲 粘连2 1.1. 图片验证码总结 因此,CAPTCHA在图片验证码这一应用点 ...

  9. 3D打印：三维智能数字化创造（全彩）

    3D打印:三维智能数字化创造(全彩)(全球第一本系统阐述3D打印与3D智能数字化的专业著作) 吴怀宇 编   ISBN 978-7-121-22063-0 2014年1月出版 定价:99.00元 42 ...

  10. 【WP8.1开发】认识后台任务

    在手机上,使用后台,不像电脑上那么随意,准确地讲嘛,在移动平台上,后台任务都有严格的限制.至于说为什么会有这么多限制,我估计初衷很明显——保证系统的性能不受某个或某几个应用的负面影响:另外就是出于安全 ...