trying to record update after get the record from the list

I am trying to update the record

but when I click on edit button then get an error

see below code:

registration.component.html

List Of Employee

"width: 1150px; height: 200px;"

class="ag-theme-balham"

[rowData]="elist"

[columnDefs]="columnDefs"

(rowClicked)='onGridRowClicked($event)'>

registration.component.ts

columnDefs = [
{ headerName: 'empid', field: 'empid' },
{ headerName: 'username', field: 'username' },
{ headerName: 'empaddress', field: 'empaddress' },
{ headerName: 'password', field: 'password' },
{ headerName: 'country', field: 'country' },
{
headerName: 'Edit',
template: '',
}
];
onGridRowClicked(e: any) {
if (e.event.target !== undefined) {
let actionType = e.event.target.getAttribute("data-action-type");
if (actionType == "edit") {
this.rowData = this.myservice.getExistRecord(e.data.empid).subscribe((data: any) => {
console.log("inside get data from list 1")
if (data.message == "GetSuccess") {
//get data from the list
debugger
this.txtusername = e.data.username;
this.txtempaddress = e.data.empaddress;
this.txtpassword = e.data.password;
this.txtcountry = e.data.country;
this.empid = e.data.empid;
this.dataUpdate();
console.log("empid", e.data.empid);
console.log("Edit Icon Clicked");
}
});
}
else if (actionType == "delete") {
console.log("View delete action clicked");
}
}
}
//after get the data then update a record
dataUpdate() {
this.myservice.editExistRecord(this.empid, this.txtusername, this.txtempaddress, this.txtpassword, this.txtcountry).subscribe((data: any) => {
console.log("Inside editExistRecord")
if (data.message == "UpdateSuccessfully") {
debugger
this.list();
}
else if (data.message == "UpdateSuccessfully") {
debugger
this.list();
}
});
}
edit() {
this.dataUpdate();
}

backendservice.service.ts

//getdata from the list for update record
public getExistRecord(empid) {
this.url = "https://localhost:44371/emps/GetRecordForEdit?empid=" + empid;
// this.url = "https://localhost:44371/emps/Edit?empid=" + 2013;
console.log(this.url);
return this.httpClient.get(this.url);
}
//update record
public editExistRecord(empid,username, empaddress, password, country): Observable {
debugger
//https://localhost:44371/emps/Edit?empid=2013
this.url = "https://localhost:44371/emps/Edit?empid=" + empid + "&username=" + username + "&empaddress=" + empaddress + "&password=" + password + "&country=" + country;
const postdata = {
'username': username,
'empaddress': empaddress,
'password': password,
'country': country,
}
console.log(this.url);
return this.httpClient.put(this.url, postdata);
}

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

Salman Beg6y ago
Accepted answer
Hey it seems like there is a problem with service because as per the screenshot it is showing 404 which means the url which you are using is not found. Also in the inspect element there are couple of errors, so try to resolve those. Thanks.
-------6y ago
hello salman beg

yes you are right 404 is not find my issue is solved

last 3 days I am trying now my issue is solved

thanks every time you give hint and suggestion

that is help for me

thanks for your valueable time

thank you salman beg
-------6y ago
Hello Laxmidhar

see this image I pass the url as you said but get an console error

https://localhost:44371/emps/

I get the data successfully from the ag-grid list but just now I want to update the record

please please help
-------6y ago
Hello SalmanBeg

yes my api is in running state but what is the reason give 400 record not found
my webapi is work fine
I am trying to solve this issue last 2 days still I am find the solution
which place I made mistake

I get the data from the list from ag-grid but now one thing is remaining I want to update record

can you please help more?
Salman Beg6y ago
Is your api is in running state? If you are running your api from local then make sure the api project is running. Thanks.
-------6y ago
Hello Salman Beg

why give it 404 not found when I copy paste the url then mvc webapi perfectly work?