上星期发出描绘了同等篇《ASP.NET
MVC图片管理(上传,预览与展示)》http://www.cnblogs.com/insus/p/4620420.html 它只有兑现了上传功能,即时预览以及显效果。今天咱们来好删除功能。

是因为图片是因二进制存储在数据库中,这样去是非常便宜的。只需要去数据库记录即可。

预先以数据库创建一个囤过程:
2018正版葡京赌侠诗 1

2018正版葡京赌侠诗 22018正版葡京赌侠诗 3

CREATE PROCEDURE [dbo].[usp_ImageStore_Delete]
(
    @ImageStore_nbr INT
)
AS
DELETE FROM [dbo].[ImageStore] WHERE [ImageStore_nbr] = @ImageStore_nbr
GO

View Code

当实业Entity中创造删除方法,程序与数据库沟通。
2018正版葡京赌侠诗 4

接通下,还得在控制器创建Action操作:
2018正版葡京赌侠诗 5

在#70代码中,由于我们以链接来落实删除,没有post数据,因此操作不行使性能HttpPost。如果您采取以来,删除会发非常:The
resource cannot be found.
2018正版葡京赌侠诗 6

吓了,在视图中,数据显示表,添加同排列,如下高亮部位:
2018正版葡京赌侠诗 7

以身作则一下:

 2018正版葡京赌侠诗 8

 

少数即使去了,再正常不过了,这样的规划没有半点人性化,让用户发肯定或后悔的选。在剔除的链接中,添加多一个参数htmlAttributes:
2018正版葡京赌侠诗 9

再度省效果:

 2018正版葡京赌侠诗 10

 
同笔一画记录删除,似乎不怎么不过隐,Insus.NET下面做一个批量抹演示。
落实之功效,需要考虑一下,怎样处理选择的笔录之主键值,收集与存储,以何方式传入至数遭到错过。ASP.NET
MVC 做铵钮删除:

<input id="Button1" type="button" value="Delete" />

早就休是ASP.NET Form的Web
Control。这是客户端标签,那即便以jQuery实现吧。

俺们还是按照上面的各个,先以数据库层入手,写存储过程或者拍卖传入的字符串开始。由于我们传入的字符串,如“2,5,4,10,25”
,写一个函数,把这些字符转换为同布置数据表:
2018正版葡京赌侠诗 11

哼了,写一个仓储过程,是为着批量去使用的:
2018正版葡京赌侠诗 12

上面画红线的片,即凡上面SQL自定义函数的用。存储过程代码:

2018正版葡京赌侠诗 132018正版葡京赌侠诗 14

ALTER PROCEDURE [dbo].[usp_ImageStore_batchDelete]
(
    @MultiPrimaryKeyString NVARCHAR(MAX) 
)
AS
DELETE img FROM [dbo].[ImageStore] AS img 
RIGHT JOIN [dbo].[udf_SplitStringToTable](@MultiPrimaryKeyString,',') AS mpk ON (img.ImageStore_nbr = mpk.Value)

View Code

支出转至ASP.NET MVC,有Entity写批量勾的法门:
2018正版葡京赌侠诗 15

 在控制器中,我们创建一个操作,为jQuery使用:
2018正版葡京赌侠诗 16

 

Ok,主要的工作要视图,我们得改html和添加jQuery代码,不着急一样同来。添加一个铵钮标签和Checkbox:
2018正版葡京赌侠诗 17

实现jQuery代码:
2018正版葡京赌侠诗 18

运行看是不是上预期效益?
2018正版葡京赌侠诗 19

没问题,能健康去记录。不过要无后悔提示,让用户确认后,才正确删除,添加一行代码:
2018正版葡京赌侠诗 20

还演示:

 2018正版葡京赌侠诗 21

 
jQuery Button的风波代码:

2018正版葡京赌侠诗 222018正版葡京赌侠诗 23

 $("#Button1").click(function () {
                var valList = "";
                $('input[name="imgSel"]').each(function () {
                    if (this.checked)
                        valList += ',' + $(this).val();
                });
                valList = valList.length > 0 ? valList.substring(1, valList.length) : "";


                if (valList == "") {
                    alert("Select Delete Records.");
                    return;
                }
                else {
                    if (confirm("All selected records will be delete!") == true) {
                        $.ajax({
                            type: 'POST',
                            url: '/July15/BatchDelete',
                            dataType: 'json',
                            data: JSON.stringify({
                                strPkLists: valList
                            }),
                            contentType: 'application/json; charset=utf-8',
                            success: function (data, textStatus) {
                                alert("Delete成功。");
                                location.reload();
                            },
                            error: function (XMLHttpRequest, textStatus, errorThrown) {
                                alert(errorThrown);
                            }
                        });
                    }
                }
            });

View Code

无论如何,我们出顺序,均是为迅速与介面友好。上面批理删除,我们是把富有选择的主键值串并一自传播数据库被,那是为了快速。不必有先后中循环分别传数据库被失去。在比高一些本子的数据库,还有另外一效,也是Insus.NET较常用之主意。就是拿富有选择的主键值在一个DataTable中,然后把这个DataTable传入数据库被。

乃可发数据库从定义一个数据类型,这个类别其实就算是DataTable的构造。
2018正版葡京赌侠诗 24

 

 再创一个囤过程:
2018正版葡京赌侠诗 25

当MVC的实业(Entity)中代码参考下面#59~#78,其中#61,62是概念一个DataTable。#64凡是管字符串根据
“,” 分割为阵列。#66~69是循环阵列把价值存储DataTable中。
2018正版葡京赌侠诗 26

以控制器中,我们聊修改一下操作:
2018正版葡京赌侠诗 27

OK了,最后一个实例动画演示就无齐了。跟方的演示是同一了。整篇中,也许还描绘不足够完整。但是Insus.NET所主宰的,均享受给此,望而有着了解所有得……

以下内容于2015-07-07
14:20分增长:
博文发表了事后,才意识尚出一个略带作用没有实现,就是于表顶放一个全选的checkbox。没有问题,现上上,让该又周全:
在html修改,添加checkbox:
2018正版葡京赌侠诗 28

写jQuery代码,也是一定简单:
2018正版葡京赌侠诗 29

 
此时,这个要一个动画片演示:
2018正版葡京赌侠诗 30

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图