使用javascript从gridview中删除所选行/所有行

时间:2013-03-10 15:57:41

标签: javascript asp.net

正如标题所说,我有一个简单的5列/ 5rows GridView代表asp.net中的购物车。我需要使用javascript删除所选行和按钮单击上的所有行。怎么可能这样呢?删除项目时,总价格也应该改变。 Thx提前。

这是示例aspx代码:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Kosarica.aspx.cs" Inherits="Spletna_kosarica_2.Kosarica" EnableSessionState="True" %>

<!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>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <h2>Kosarica:</h2>
        <p>
            <asp:GridView ID="GridView1" runat="server" Width="440px" 
                AutoGenerateSelectButton="True">
            </asp:GridView>
        </p></div>
    &nbsp;<asp:Button ID="Button2" runat="server" onclick="Button2_Click" 
        Text="Dodaj artikel" Width="143px" />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:Button ID="Button3" runat="server" Text="Remove" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:Label ID="Label1" runat="server" Text="Total price:"></asp:Label>
&nbsp;<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
    </form>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

您需要使用Web服务与服务器+ ajax进行通信。 Javascript不能单独执行此操作,因为它在客户端浏览器中运行。

有许多指南,文档,教程等可以更深入地解释这个问题。有多种方法可以做到这一点,你只需选择最符合你情况和技能的方法。

以下是有关asp.net http://www.asp.net/web-forms/videos/how-do-i/how-do-i-create-and-call-a-simple-web-service-in-aspnet

中的网络服务的视频教程