JQuery对ASP.NET MVC数据进行更新删除
作者：Insus.NET 发布时间：2024-06-05 09:32:05
标签：JQuery,ASP.NET,MVC,数据
以前学习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[0];
return dt.ToList<ToolLocation>();
}
public void Update(ToolLocation tl)
{
List<Parameter> param = new List<Parameter>() {
new Parameter("@ToolLocation_nbr", SqlDbType.SmallInt, 2, tl.ToolLocation_nbr),
new Parameter("@LocationName",SqlDbType.NVarChar,-1,tl.LocationName),
new Parameter("@Description",SqlDbType.NVarChar,-1,tl.Description),
new Parameter("@IsActive",SqlDbType.Bit,1,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, 2, tl.ToolLocation_nbr)
};
sp.ConnectionString = DB.ConnectionString;
sp.Parameters = param;
sp.ProcedureName = "usp_ToolLocation_Delete";
sp.Execute();
}
在项目的控制器中：
创建视图，并绑定数据：
@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>
上面标记#4的jQuery代码，即是删除的核心功能：
运行程序，看看删除的效果：
删除成功之后，我们不必重导向，只需要删除这行html即可，来达到：
0
投稿猜你喜欢
- Microsoft SQL Server 2000复制的概念：在数据库之间对数据和数据库对象进行复制和分发并进行同步以确保其一致性的一组技术
- 这里需要用到一个Django插件：django-pagination安装打开控制台 输入pip install dj-pagination实
- 本文实例讲述了Python实现输入二叉树的先序和中序遍历，再输出后序遍历操作。分享给大家供大家参考，具体如下：实现一个功能： &n
- 请问如何从ASP连接到Oracle Server？可用下面的代码进行连接： <％@ Lan
- 这篇文章主要介绍了python爬虫 批量下载zabbix文档代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习
- substr 定义和用法 substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。 语法 stringObject.
前言写出能完成功能的程序每个程序员都可以搞定，但能写出优雅的程序的程序员却寥寥无几，因此程序写的优雅与否则是区分顶级程序员与一般程序员的终极- 目录楔子paramikoSSHClient 的使用connect：实现远程服务器的连接与认证set_missing_host_key_pol
- 1.python安装包下载路径：https://www.python.org/downloads/2我下载安装包路径：https://www
- 本文实例讲述了python实现比较两段文本不同之处的方法。分享给大家供大家参考。具体实现方法如下：# find the difference
- Pandas函数的核心功能是，既计算了统计值，又保留了明细数据。为了更好地理解transform和agg的不同，下面从实际的应用场景出发进行
- 1.什么是并发编程并发编程是实现多任务协同处理，改善系统性能的方式。Python中实现并发编程主要依靠进程(Process)：进程是计算机中
- 1、更新整张表，如果某一行数据的某一列的值为空，那么让他和另一列字段的值相等UPDATE ot_tgbz set update_day=if
- 如果使用的是matplotlib绘图，可以通过以下命令更改图片的大小：％matplotlib linline如果是 plt.figure(f
- 本文实例讲述了Python实现繁体中文与简体中文相互转换的方法。分享给大家供大家参考，具体如下：工作中需要将繁体中文转换成简体中文上网找了些
- 好久没有写ASP代码了，今天在做一个简单的留言本时，出现了一下错误： Microsoft Office Access Database En
- 本文实例讲述了php实现mysql备份恢复分卷处理的方法。分享给大家供大家参考。具体分析如下：分卷处理就是把握们要处理的数据分成一个个小文件
- Microsoft建立了一种既灵活又强大的安全管理机制，它能够对用户访问SQL Server服务器系统和数据库的安全进行全面地管理。按照本文
- --sql语句就用下面的存储过程 /*--数据导出Excel导出查询中的数据到Excel,包含字段名,文件为真正的Excel文件,如果文件不
- 一、错误案例package mainimport ("fmt""time")var TestMap
