devextreme-datagrid 更新：消息：“（未知 url）的 Http 失败响应：0 未知错误”

Question

我在更新 devextreme-datagrid 时遇到问题。 你能帮忙吗？

lineController.js

 router.put("/:id", (req, res) => {
      if (!ObjectId.isValid(req.params.id))
        return res.status(400).send(`No record with given id : ${req.params.id}`);
      console.log({
        msg: "Line guncelleme işlemi",
        gelenveri: req.body
      });
      var emp = {
        bant: req.body.bant,
        tarih: req.body.tarih,
        isKazasi: req.body.isKazasi,
        ramakKala: req.body.ramakKala,
        tamirAdedi: req.body.tamirAdedi,
        ikinciKaliteAdedi: req.body.ikinciKaliteAdedi,
        sevkiyattanGelenHata: req.body.sevkiyattanGelenHata,
        diger: req.body.diger,
        koliCikisAdedi: req.body.koliCikisAdedi,
        planlananAdet: req.body.planlananAdet,
        sam: req.body.sam,
        calisilanToplamSure: req.body.calisilanToplamSure,
        bantKisiSayisi: req.body.bantKisiSayisi,
        ilaveCalisilanDk: req.body.ilaveCalisilanDk,
        iseGelmeyenlerinToplamSuresi: req.body.iseGelmeyenlerinToplamSuresi,
        hataOrani:
          ((req.body.tamirAdedi +
            req.body.ikinciKaliteAdedi +
            req.body.sevkiyattanGelenHata +
            req.body.diger) /
            (req.body.koliCikisAdedi + req.body.ikinciKaliteAdedi)) *
          100,
        ikinciKaliteOrani:
          (req.body.ikinciKaliteAdedi /
            (req.body.koliCikisAdedi + req.body.ikinciKaliteAdedi)) *
          100,
        planlamayaUyum: (req.body.koliCikisAdedi / req.body.planlananAdet) * 100,
        hatVerimliligi:
          (req.body.koliCikisAdedi * req.body.sam) /
          (req.body.calisilanToplamSure * req.body.bantKisiSayisi),
        ilaveCalisma: (req.body.ilaveCalisilanDk * req.body.bantKisiSayisi) / 60,
        devamsizlikYuzdesi:
          (req.body.iseGelmeyenlerinToplamSuresi / (req.body.bantKisiSayisi * 9)) * 100
      };
      Line.findByIdAndUpdate(
        req.params.id,
        { $set: emp },
        { new: true },
        (err, doc) => {
          if (!err) {
            res.send(doc);
          } else {
            console.log(
              "satır güncelleme hatası:" + JSON.stringify(err, undefined, 2)
            );
          }
        }
      );
    });

line.service.ts

import { Injectable } from '@angular/core';
import {HttpClient} from '@angular/common/http';

import {Line} from './line.model';
@Injectable({
  providedIn: 'root'
})
export class LineService {
  selectedLine: Line;
  lines: Line[];
  readonly baseURL = 'http://localhost:3000/lines';


  constructor(private http: HttpClient) { }


  postLine(emp: Line) {
    return this.http.post(this.baseURL, emp);
  }

  getLineList() {
    return this.http.get(this.baseURL);
  }

  // putLine(id, emp: Line) {
  //   return this.http.put(this.baseURL + `/${id}`, emp);
  // }
  putLine(emp: Line) {
    return this.http.put(this.baseURL + `/${emp._id}`, emp);
  }

  deleteLine(_id: string) {
    return this.http.delete(this.baseURL + `/${_id}`);
  }
}

line.component.html

<dx-data-grid
          id="gridContainer"
          [dataSource]="lineService.lines"
          title="SQDCM Veri Gİrişi"
          keyExpr="_id"
          [columnAutoWidth]="true"
          [showBorders]="true"
          (onRowInserted)="onEdit($event)"
          (onRowUpdated)="onUpdate($event)"
          (onRowRemoved)="onDelete($event)"
        > 

line.component.ts

onUpdate(event) {
  console.log(event);
  const merged = {_id: event.key, ...event.data};
   this.lineService.putLine(merged).subscribe(res => { });
}

当我更新数据时，它会将其写入控制台。

{key：“5c6ac45adb48bf3850eebc74”，数据：{…}，组件：继承者， 元素： dx-data-grıd#gridContainer.dx-widget.dx-visibility-change-handler} 组件：继承者{_events：{…}，_eventsStrategy：NgEventsStrategy， callBase：未定义，_$element：initRender（1），名称：“dxDataGrid”，...} 数据：isKazasi：8 proto：对象元素：dx-data-grıd#gridContainer.dx-widget.dx-visibility-change-handler 键： “5c6ac45adb48bf3850eebc74” 原型：对象

并给出错误：

{ msg: 'Line guncelleme işlemi', gelenveri: { _id: '5c6ac45adb48bf3850eebc74', isKazasi: 8 } } satır günelleme hatası:{ "message": "路径中值 \"NaN\" 的数字转换失败 \"devamsizlikYuzdesi\"", "name": "CastError", "stringValue": "\"NaN\"", "kind": "number", "value": null, "path": “devamsizlikYuzdesi”}

Answer 1

报错说devamsizlikYuzdesi的计算有问题，下面这行

devamsizlikYuzdesi:(req.body.iseGelmeyenlerinToplamSuresi / (req.body.bantKisiSayisi * 9)) * 100 

我认为以下一个/两个属性是/未定义

iseGelmeyenlerinToplamSuresi 或 bantKisiSayisi.

我相信检查那些未定义的值并向这些属性添加默认值 (0) 应该可以解决您的问题。

在 var emp = {...之前添加以下内容...

if(req.body.iseGelmeyenlerinToplamSuresi == undefined){
    req.body.iseGelmeyenlerinToplamSuresi = 0;
}

if(req.body.bantKisiSayisi == undefined){
    req.body.bantKisiSayisi = 0;
}