Data not retaining in the text box coming from database on JQuery button click in asp.net Application

Most of the time what happen is we are able to write back end code to fetch data for text box to get auto filled on button click but it does not appear on front end or toggle for seconds in text box .
Solution to remove this problem is to give type to button as type="button" which is very necessary.

 function getReportData() {
                $.ajax({
                    "url": "ReportTable.aspx/GetReport",
                    "contentType": "application/json; charset=utf-8",
                    "type": "POST",
                    "dataType": "JSON",
                    "success": function (data) {
                        data = JSON.parse(data.d);
                        $.each(data, function (key, val) {
                            var tr = '<tr>';
                            tr += '<td>' + (key + 1) + '</td>';
                            tr += '<td>' + val.ReportId + '</td>';
                            tr += '<td>' + val.ReportName + '</td>';
                            tr += '<td>' + val.IsActive + '</td>';
                            tr += '<td>' + val.CreateUserId + '</td>';
                            tr += '<td>' + val.UpdateUserId + '</td>';
                            tr += '<td><button type = "button" id="btnEdit" value="Edit" class="edit" onclick="editClick(' + val.ReportId + ')">Edit</button>&nbsp&nbsp<button type = "button" id="btnDelete" class="delete" value="Delete"  data-key="' + (key + 1) + '"  onclick="deleteClick(' + val.ReportId + ')">Delete</button> </td>';
                            tr += '</tr>';

                            $('tbody.exbody').append(tr);
                        });
                        $('#example').dataTable();
                    }
                });
            }

as button with no type attribute act as type="submit "and submit the data as soon it comes to the text boxes.

Comments

Post a Comment

Popular posts from this blog

Npgsql query and format with output parameters

  public string UploadExceldata(string json)         {             string connectionString = String.Format(new Connection().ConnectionString);             DataSet ds = new DataSet();             BaseResultData oBaseResult = new BaseResultData();             var connection = new Npgsql.NpgsqlConnection(connectionString);             try             {                                if (!(connection.State == ConnectionState.Open))                 {                     connection.Open();                 }                 //NpgsqlTransaction trans = connection.BeginTransaction();                 var command = new Npgsql.NpgsqlCommand("systemtracker_dbo.pr_create_user_from_excel_json", connection);                 command.CommandType = System.Data.CommandType.StoredProcedure;                 IDbDataAdapter dbDataAdapter = new NpgsqlDataAdapter();                 //Parameter Settings                 var parameter = command.CreateParameter();                 parameter.ParameterName =
Read more

Npgsql Helper class

 using System; using System.Collections.Generic; using System.Text; using System.Data; using Npgsql; using NpgsqlTypes; namespace AI_Portal_Cloud.DAL {     public class clsPSQLHelper : IDisposable     {         private NpgsqlConnection connection = null;         private String connectionString = "dbConnection";         private NpgsqlDataAdapter sqlData = new NpgsqlDataAdapter();         public NpgsqlCommand sqlCmd = new NpgsqlCommand();                  // {0} : IP, {1} : DB Name, {2} : userID, {3} : userPW         private String connectionFormat = "Server={0};Database={1};User Id={2};Password={3};Port={4}";         public String ConnectionString         {             set             {                 connectionString = value;             }         }         #region Constructors         public clsPSQLHelper()         {             //             // TODO: Add constructor logic here             //             string strConn = String.Format(new Connection().ConnectionS
Read more