• Ajax无刷新删除行


    一般处理程序代码:

    using System;
    using System.Web;
    using Ajax无刷新删除.DataSetDeleteDataTableAdapters;

    namespace Ajax无刷新删除
    {
        
    /// <summary>
        
    /// DeleteDataById 的摘要说明
        
    /// </summary>
        public class DeleteDataById : IHttpHandler
        {

            
    public void ProcessRequest(HttpContext context)
            {
                context.Response.ContentType 
    = "text/plain";
                
    int id = Convert.ToInt32(context.Request["id"]);
                
    new T_CommentTableAdapter().DeleteDataById(id);
            }

            
    public bool IsReusable
            {
                
    get
                {
                    
    return false;
                }
            }
        }

     } 

    Aspx页面代码:主要就是JQuery中的代码;

     <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Ajax无刷新删除.Default" %>


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        
    <title></title>
        
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
        
    <script language="javascript" type="text/javascript">
            $(
    function () {
                
    //给有isremove=true属性的控件添加click事件;
                $("input[isremove=true]").click(function () {
                    
    var id = $(this).attr("rowid");  //获取当前行的id
                    //发送请求
                    $.post("DeleteDataById.ashx", { "id": id }, function (data, status) {
                        
    if (status == "success") {
                            
    //如果处理成功,remove当前行  parent找他的父级元素
                            $("input[rowid=" + id + "]").parent().parent().hide("slow");
                        } 
    else {
                            alert(
    "删除失败");
                            
    return;
                        }
                    });
                });
            });
        
    </script>
    </head>
    <body>
        
    <form id="form1" runat="server">
        
    <div>
            
    <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" DeleteMethod="Delete"
                InsertMethod
    ="Insert" OldValuesParameterFormatString="original_{0}" SelectMethod="GetData"
                TypeName
    ="Ajax无刷新删除.DataSetDeleteDataTableAdapters.T_CommentTableAdapter" UpdateMethod="Update">
                
    <DeleteParameters>
                    
    <asp:Parameter Name="Original_Id" Type="Int32" />
                
    </DeleteParameters>
                
    <InsertParameters>
                    
    <asp:Parameter Name="IpAddress" Type="String" />
                    
    <asp:Parameter Name="Comment" Type="String" />
                    
    <asp:Parameter Name="PostDate" Type="DateTime" />
                
    </InsertParameters>
                
    <UpdateParameters>
                    
    <asp:Parameter Name="IpAddress" Type="String" />
                    
    <asp:Parameter Name="Comment" Type="String" />
                    
    <asp:Parameter Name="PostDate" Type="DateTime" />
                    
    <asp:Parameter Name="Original_Id" Type="Int32" />
                
    </UpdateParameters>
            
    </asp:ObjectDataSource>
            
    <asp:ListView ID="ListView1" runat="server" DataKeyNames="Id" DataSourceID="ObjectDataSource1"
                InsertItemPosition
    ="LastItem">
                
    <EmptyDataTemplate>
                    
    <table runat="server" style="">
                        
    <tr>
                            
    <td>
                                未返回数据。
                            
    </td>
                        
    </tr>
                    
    </table>
                
    </EmptyDataTemplate>
                
    <InsertItemTemplate>
                    
    <tr style="">
                        
    <td>
                            
    <asp:Button ID="InsertButton" runat="server" CommandName="Insert" Text="插入" />
                            
    <asp:Button ID="CancelButton" runat="server" CommandName="Cancel" Text="清除" />
                        
    </td>
                        
    <td>
                            
    &nbsp;
                        
    </td>
                        
    <td>
                            
    <asp:TextBox ID="IpAddressTextBox" runat="server" Text='<%# Bind("IpAddress") %>' />
                        
    </td>
                        
    <td>
                            
    <asp:TextBox ID="CommentTextBox" runat="server" Text='<%# Bind("Comment") %>' />
                        
    </td>
                        
    <td>
                            
    <asp:TextBox ID="PostDateTextBox" runat="server" Text='<%# Bind("PostDate") %>' />
                        
    </td>
                    
    </tr>
                
    </InsertItemTemplate>
                
    <ItemTemplate>
                    
    <tr style="">
                        
    <td>
                            
    <asp:Button ID="EditButton" runat="server" CommandName="Edit" Text="编辑" />
                            
    <input id="btnDelete" type="button" isremove="true" rowid='<%#Eval("id") %>' value="无刷新删除" />
                        
    </td>
                        
    <td>
                            
    <asp:Label ID="IdLabel" runat="server" Text='<%# Eval("Id") %>' />
                        
    </td>
                        
    <td>
                            
    <asp:Label ID="IpAddressLabel" runat="server" Text='<%# Eval("IpAddress") %>' />
                        
    </td>
                        
    <td>
                            
    <asp:Label ID="CommentLabel" runat="server" Text='<%# Eval("Comment") %>' />
                        
    </td>
                        
    <td>
                            
    <asp:Label ID="PostDateLabel" runat="server" Text='<%# Eval("PostDate") %>' />
                        
    </td>
                    
    </tr>
                
    </ItemTemplate>
                
    <LayoutTemplate>
                    
    <table runat="server">
                        
    <tr runat="server">
                            
    <td runat="server">
                                
    <table id="itemPlaceholderContainer" runat="server" border="0" style="">
                                    
    <tr runat="server" style="">
                                        
    <th runat="server">
                                        
    </th>
                                        
    <th runat="server">
                                            Id
                                        
    </th>
                                        
    <th runat="server">
                                            IpAddress
                                        
    </th>
                                        
    <th runat="server">
                                            Comment
                                        
    </th>
                                        
    <th runat="server">
                                            PostDate
                                        
    </th>
                                    
    </tr>
                                    
    <tr id="itemPlaceholder" runat="server">
                                    
    </tr>
                                
    </table>
                            
    </td>
                        
    </tr>
                        
    <tr runat="server">
                            
    <td runat="server" style="">
                            
    </td>
                        
    </tr>
                    
    </table>
                
    </LayoutTemplate>
            
    </asp:ListView>
        
    </div>
        
    </form>
    </body>
    </html>
  • 相关阅读:
    基本数据类型(二)
    jquery 基础
    CSS 基础
    Hyperledger Fabric Ordering Service过程
    Hyperledger Fabric Transaction Proposal过程
    Hyperledger Chaincode启动过程
    Hyperledger Fabric1.0 整体结构
    golang学习
    数字签名详解
    设置MongoDB课程环境
  • 原文地址:https://www.cnblogs.com/zhuiyi/p/2052706.html
Copyright © 2020-2023  润新知