NGMsoftware

NGMsoftware
로그인 회원가입
  • 매뉴얼
  • 학습
  • 매뉴얼

    학습


    Web Angular Data Grid에서 컬럼 바인딩이 안되는 경우 해결 방법.

    페이지 정보

    본문

    안녕하세요. 엔지엠소프트웨어입니다. 특정 장비로부터 데이타가 올라오는데요. 파라메터 이름이 Test.Wafer.Thickness와 같이 저장됩니다. 이게 값으로 사용할때는 문제가 되지 않습니다. 그런데, 고객 요구사항이 파라메터들을 컬럼으로 표시해달라는게 있었어요. 그래서, Row를 Column으로 피벗팅(Pivoting)해야 했습니다. 오라클이나 기타 데이타베이스에서 질의문(Query, 쿼리)을 작성할 때 처리해도 되지만, UI에서 처리하다보니 문제가 발생했습니다. 이 문제는 컬럼명에 dot(.)이 포함되서 처리가 안되고 있었네요.

    if (header.field === data.ec_name.replace(/\./g, '')) {
    	Object.assign(obj, { [data.ec_name.replace(/\./g, '')]: data.ec_value });
    }

     

    위와 같이 필드명과 컬럼 데이타가 같으면 기존 Equipment명과 동일한 오브젝트를 가져와서 속성으로 추가해 주도록 만들었습니다. replace를 사용해서 dot(.)을 제거하도록 했는데요. 이렇게 처리하고 나면 정상적으로 개체가 컬럼으로 바인딩되는걸 확인할 수 있습니다. 참고로, Javascript는 replaceAll과 같은 함수가 없기 때문에 정규식을 이용해야 합니다.

     

    개발자에게 후원하기

    MGtdv7r.png

     

    추천, 구독, 홍보 꼭~ 부탁드립니다.

    여러분의 후원이 빠른 귀농을 가능하게 해줍니다~ 답답한 도시를 벗어나 귀농하고 싶은 개발자~

    감사합니다~

    • 네이버 공유하기
    • 페이스북 공유하기
    • 트위터 공유하기
    • 카카오스토리 공유하기
    추천0 비추천0

    댓글목록

    등록된 댓글이 없습니다.