Add an Ajax function to a gridview within Asp.net application

Question

I have this GridView in my Asp.net application

<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>

Each row contains a submit button to update it.it works but i need to add an ajax function that verify if the row is modified or not . if the case when the user modify the values of a row and forgot to submit the changes the row change its color to red for example.

What is the best idea to do this?
how can i change my code to add this feature?

msm2020 · Accepted Answer · 2014-03-25 21:35:18Z

1

1- Create webservice to Call you server side:

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

2- add javascipt function :

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- call inside grid :

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

answered Mar 25, 2014 at 21:35

msm2020

1811 silver badge11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Add an Ajax function to a gridview within Asp.net application

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related