7月16日总结

最新推荐文章于 2023-01-20 10:21:23 发布

依丶恋

最新推荐文章于 2023-01-20 10:21:23 发布

阅读量164

点赞数

本文链接：https://blog.csdn.net/yhboy11/article/details/107389528

版权

本文介绍如何在Gridview控件中将日期显示格式修改为yyyy-MM-dd，以及实现Ajax无刷新删除功能的详细步骤。包括设置DataFormatString属性、创建处理程序、引用jQuery库和编写jQuery脚本。

摘要由CSDN通过智能技术生成

在Gridview控件中将日期格式更改为年、月、日（yyyy-MM-dd）格式：

首先，找到所需更改的列名的 DataFormatString 属性，然后在此属性中输入：{0:yyyy-MM-dd}即可，具体操作如下：

通过编辑列找到所需更改的列

然后，找到 DataFormatString 属性：

输入所要转换的格式—— {0:yyyy-MM-dd}：

运行结果如下：

接下来重新温习一下 ajax无刷新删除：

首先，在操作模板列中添加一个a标签用来表示超链接删除：

            <asp:TemplateField HeaderText="操作">
                <ItemTemplate>
                    <a href="#" class="delete" data-id='<%# Eval("Id") %>'>删除</a>
                </ItemTemplate>
            </asp:TemplateField>

接着，创建一个一般处理程序，并在一般处理程序中添加以下代码：

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            var id = context.Request.Form["id"];
            var tid = Convert.ToInt32(id);
            var num = ProductManager.Delete(tid);
            context.Response.Write(num);
        }

完成之后，在前台页面引用项目自带的jQuery文件：

<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

最后，添加jQuery脚本，给删除按钮添加事件并实现ajax无刷新删除：

    <script type="text/javascript">
        $(function () {
            $(".delete").click(function () {
                if (confirm("确定删除？")) {
                    var $this = $(this);
                    var id = $this.attr("data-id");
                    $.post("/delete.ashx", { id: id }, function (data) {
                        if (data > 0) {
                            $this.closest("tr").remove();
                        }
                    });
                }
            });
        });
    </script>