早先读ASP.NET
MVC时,学习与下,操作了数展示,添加,编辑,更新与去等功用。

成千上万道是相通的,看自己是安来展开好,快捷,高效率。

今Insus.NET写的练习,是直接针对绑定在Table的数开展翻新,删除。

每当列蒙,创建一个实体,也就是说,对数据库时行通信,对数据开展操作:
图片 1

图片 2图片 3

 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();
        }

Source Code

 

于类型的控制器中:
图片 4

 
始建视图,并绑定数据:
图片 5

 

图片 6图片 7

@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代码:
图片 8

 
运作一下,看看效果:
图片 9

地方是针对性数码开展创新的功能,下面的实现,是针对Table内的数额删除。
图片 10

图片 11图片 12

@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代码,即是删除的核心力量:
图片 13

 

运行程序,看看删除的力量:
图片 14

 

以下内容于2016-07-12 16:05细分更新
抹成功之后,我们不必再度导向,只待去这行html即可,来达成:
图片 15

 

相关文章

网站地图xml地图