Редактирование с использованием внешней формы сетки Kendo UI angular (с использованием всплывающего окна) - PullRequest
Новая
       70

Редактирование с использованием внешней формы сетки Kendo UI angular (с использованием всплывающего окна)

0 голосов
/ 08 мая 2020

Я редактирую, используя kendo ui angular grid, используя rest api, который открывает компонент редактирования во всплывающем окне. Я имею в виду https://www.telerik.com/kendo-angular-ui/components/grid/editing/external-editing/

Когда я редактирую запись, сетка не обновляется, только после того, как я нажму F5 на странице, будут показаны обновленные данные. 

  //Emp-List Component
  private view: Observable<GridDataResult>;
  constructor(private service: EmployeeService) {
  this.view = this.service;
  this.service.getEmpList();
  }

  public saveHandler(employee: Employee) {
  this.service.updateEmployee(employee);
  this.service.getEmpList();
  this.editDataItem = undefined;
  }


  export class EmployeeService extends BehaviorSubject<GridDataResult> {
  constructor(private http: HttpClient) {
  super(null);
  }

  readonly APIUrl = 'http://localhost:12121/api/employee';

  private getEmployee(): Observable<GridDataResult> {
  return this.http.get(`${this.APIUrl}`).pipe(
  map(
    (response) =>
      <GridDataResult>{
        data: response,
        total: 100,
      }
    )
  );
  }

  public getEmpList(): void {
  this.getEmployee().subscribe((x) => super.next(x));
  }  

  updateEmployee(employee: Employee) {

  return this.http
  .put(`${this.APIUrl}/${employee.employeeID}`, employee)
  .subscribe((data) => {
    console.log('Employee updated ', data);
  });
  }
  }
...