Loading
Populating Grid View rows from client side -without post back  
  •   
    • My Save script :
    1. function SaveRecord() {  
    2. var startdate = document.getElementById('StartDate').value;  
    3. var enddate = document.getElementById('EndDate').value;  
    4. var role = countries.join(", ");  
    5. $.ajax({  
    6. type: "POST",  
    7. dataType: "json",  
    8. contentType: "application/json; charset=utf-8",  
    9. url: "MyPage.aspx/SaveDetails",  
    10. data: "{'StartDate':'" + startdate + "', 'EndDate':'" + enddate + "','Role':'" + role + "'}",  
    11. success: function (response) {  
    12. $("#gvDetails tbody").append(""+document.getElementById('StartDate').value+""+document.getElementById('EndDate').value+"")  
    13. alert("Saved");  
    14. });  
    15. $('#myModal').modal('hide');  
    16. },  
    17. error: function () {  
    18. alert("fail")  
    19. });  
    20. },  
    21. complete: function () {  
    22. $('.modal-backdrop').remove();  
    23. }  
    24. });  
    25. }  
    AND the Grid view :
    1. "gvDetails" runat="server" DataKeyNames="id" DataSourceID="SqlDataSource1">  
    2.   
    3. "FromDate" DataFormatString="{0:d}"  
    4. HeaderText="From Date" SortExpression="FromDate" />  
    5. "ToDate" DataFormatString="{0:d}"  
    6. HeaderText="To Date" SortExpression="ToDate" />  
    7. "Role" HeaderText="Role"  
    8. SortExpression="Role">  
    9. "Center" />  
    10.   
    11.   
    12.   
    13. "SqlDataSource1" runat="server"  
    14. ConnectionString="<%$ ConnectionStrings:MyDatabase%>" SelectCommand="SELECT ID, FromDate, ToDate, Role from [dbo].[NewUser] Where [IsActive]=1"  
    15. ORDER BY AddedDate">  

    4 Replies

    Know the answer? Post it — somebody with the same question will find it here.