jquery - 将 Ajax 函数添加到 Asp.net 应用程序中的 gridview

Question

我的 Asp.net 应用程序中有这个 GridView

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" AllowPaging="True">
        <Columns>
            <asp:TemplateField >
                <ItemTemplate>
                    <asp:Button ID="Savebtn" runat="server" Text="تحديث البيانات"  OnClick="gv_RowEditing"/>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="السعر الأقصى">
                <ItemTemplate>
                    <asp:TextBox ID="maxtxt" runat="server" Text='<%#Eval("prix max")%>' />
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="السعر الأدنى"  >
                <ItemTemplate>
                    <asp:TextBox ID="mintxt" runat="server"  Text='<%#Eval("prix min")%>' />
                </ItemTemplate>
            </asp:TemplateField>
            <asp:BoundField DataField="Datvente" HeaderText="التاريخ" SortExpression="Datvente" />
            <asp:BoundField DataField="NomAdh" HeaderText="الإسم و اللقب" SortExpression="NomAdh" />
            <asp:BoundField DataField="CodAdh" HeaderText="المنخرط" SortExpression="CodAdh" />

             <asp:TemplateField >
                <ItemTemplate>

                    <asp:HiddenField ID="Ref" runat="server"  Value='<%#Eval("Ref")%>'/>
                </ItemTemplate>
            </asp:TemplateField>


        </Columns>
    </asp:GridView>

每一行都包含一个提交按钮来更新它。它可以工作，但我需要添加一个 ajax 函数来验证该行是否被修改。例如，如果用户修改某行的值并忘记提交更改，则该行会将其颜色更改为红色。

1. 这样做的最佳想法是什么？
2. 如何更改我的代码以添加此功能？

Answer 1

1- 创建 web 服务来调用你的服务器端:

[WebMethod]
public string RowEditing(string firstName, string lastName) // your paramenter
{
     //       your code here 
     return "";
}

2- 添加 javascript 函数:

function grEdit(){
   // do some script here 
   $.ajax({
      type: "POST",
      url: "MyWebService.asmx/RowEditing",
      data: "firstName=Aidy&lastName=F", // the data and parameter
      dataType: "text",
      success: function (data) {
       // action when succ
      }
   });
 }

3- 在网格内部调用:

< asp:Button ID="Savebtn" runat="server" Text="تحديث البيانات" OnClick="grEdit(); return false;"/>