asp.net mysql jquery_JQuery对ASP.NET MVC数据进行更新删除

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

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

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

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

4b1bceaf0f82be25e4f6120119815ee5.png

public IEnumerable GetAllToolLocations()

{

sp.ConnectionString = DB.ConnectionString;

sp.Parameters = null;

sp.ProcedureName = "usp_ToolLocation_GetAll";

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

return dt.ToList();

}

public void Update(ToolLocation tl)

{

List param = new List() {

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 param = new List() {

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

};

sp.ConnectionString = DB.ConnectionString;

sp.Parameters = param;

sp.ProcedureName = "usp_ToolLocation_Delete";

sp.Execute();

}

在项目的控制器中:

d6dbae1a62bb501c2045b4bb6e9338cf.png

创建视图,并绑定数据:

5a12e63818e005f96f9252b46ff38720.png

@using Insus.NET.Models;

@model IEnumerable

Edit
ToolLocation_nbrLocationNameDescriptionIsActive

@foreach (var tl in Model)

{

@tl.ToolLocation_nbr@Html.TextBox("LocationName", tl.LocationName)@Html.TextBox("Description", tl.Description) @Html.CheckBox("IsActive", tl.IsActive)

}

Source Code

上面步骤#4的jQuery代码:

f1da9d2eceea414f155ac744ddd425d7.png

运行一下,看看效果:

332601e1034719e5ccd5b27c361cbabf.gif

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

30a9c7df5e2fb1e681778bb61b19835d.png

@using Insus.NET.Models;

@model IEnumerable

Delete
ToolLocation_nbrLocationNameDescriptionIsActive

@foreach (var tl in Model)

{

@tl.ToolLocation_nbr@tl.LocationName@tl.Description@Html.CheckBox("IsActive", tl.IsActive, new { disabled = "disabled" })

}

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

c788cfdc777dc0c6375f183dd7866f04.png

运行程序,看看删除的效果:

970f252db79ff73de523737261b3ee0b.gif

删除成功之后,我们不必重导向,只需要删除这行html即可,来达到:

9fe7200f174227b4de8166039955fae1.png

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值