자바 스크립트 – DataTag 객체 사용하기

1. DataTag 객체 사용하기(기본 정보 및 설정)

(객체를 생성할 때는 도구를 클릭하고 마우스 커서를 Design 영역으로 옮겼을 때 커서가 십자 표시로 되면 생성할 위치에 클릭한 상태로 드래그하면 된다.)

​

 1) 배경을 설정한다.

 (1) 페이지를 클릭하고 속성 편집을 아래와 같이 설정한다.

  (2) 이미지를 클릭하고 작화 화면 전체를 드래그한다.

  (3) 배경으로 사용하고 싶은 이미지를 선택하고 열기를 누른다.

  (4) 생성한 이미지 객체를 객체 탐색기에서 잠근다.

​

2) 태그 탐색기에서 그룹 태그를 하나 생성한다.

​

3) 생성한 그룹 태그 내에 아날로그 태그를 하나 생성한다.

​

4) 장치 탐색기에서 빈 장치를 하나 생성한다.

​

5) 3)에서 생성한 아날로그 태그의 속성을 아래와 같이 변경한다.

6) 페이지 편집 창에서 스크립트 탭을 클릭한다.

7) 아래와 같이 코드를 입력한다.

​

8) F5나 실행을 눌러 뷰어를 실행한다.

F12키를 눌러 페이지 스크립트 콘솔 창을 연다.

X-SCADA의 핵심 요소인 태그는 스크립트에서 DataTag 객체라고 할 수 있다.

DataTag 객체를 사용함으로써 태그 탐색기에 있는 태그들을 스크립트에서 사용할 수 있다. 이를 이용해 태그에 이벤트를 추가하거나, 값을 변경하는 등의 강력한 기능을 사용할 수 있다.

​

​

2. 스크립트 코드 해석

1) console.log($XT("group_1.analog_1").name);

group_1 그룹 태그 내 analog_ 1 태그의 이름을 가져온다

● 페이지 콘솔 창 결과 a nalog_1”

​

2) console.log($XT("group_1.analog_1"). fullName

group_1 그룹 태그 내 analog_ 1 태그의 전체 이름을 가져온다

● 페이지 콘솔 창 결과 “group_ a nalog_1”

​

3) console.log($XT("group_1.analog_1"). parent

group_1 그룹 태그 내 analog_ 1 태그의 부모 태그를 가져온다

 ● 페이지 콘솔 창 결과 O bject { type, children, na me … …}}(group_1 태그 객체 출력)

​

4) console.log($XT("group_1"). c hildren

group_1 그룹 태그의 자 식 태그 목록을 가져온다

 ● 페이지 콘솔 창 결과 O bject { c ount , item , getByName...)

//(group_1 태그 자식 목록인 DataTagCollection 객체 출력)

​

5) console.log($XT("group_1.analog_1"). desc

group_1 그룹 태그 내 analog_ 1 태그의 설명 을 가져온다

 ● 페이지 콘솔 창 결과 a nalog_1”

​

6) console.log($XT("group_1.analog_1"). t ype

group_1 그룹 태그 내 analog_ 1 태그의 타입을 가져온다

 ● 페이지 콘솔 창 결과 a nalog”

​

7) console.log($XT("group_1.analog_1"). value

group_1 그룹 태그 내 analog_ 1 태그의 값 을 가져 오거나 설정한다

 ● 페이지 콘솔 창 결과 0

​

8) console.log($XT("group_1.analog_1"). r awValue

group_1 그룹 태그 내 analog_ 1 태그의 raw 값 실제 장치에서 가져온 값 을 가져온다

 ● 페이지 콘솔 창 결과 n ull

장치 미연결 시 null 반환

​

9) console.log($XT("group_1.analog_1"). lastAccess

group_1 그룹 태그 내 analog_ 1 태그에 마지막으로 값을 설정한 날짜를 가져온다

 ● 페이지 콘솔 창 결과 D ate 2020 02 27T11:51:45:245Z

마지막 설정 날짜의 Datetime 객체를 출력함

​

10) console.log($XT("group_1.analog_1"). lastModified

group_1 그룹 태그 내 analog_ 1 태그 의 값이 마지막으로 변경된 날짜를 가져온다

 ● 페이지 콘솔 창 결과 D ate 2020 02 27T11:51:45:245Z

/마지막 변경 날짜의 Datetime 객체를 출력함

​

11) console.log($XT("group_1.analog_1"). device

group_1 그룹 태그 내 analog_ 1 태그 에 설정한 장치를 가져온다

 ● 페이지 콘솔 창 결과 Object {name, connections, enabled, … device_1 객체 출력됨

​

12) console.log($XT("group_1.analog_1"). d eiveAddress

group_1 그룹 태그 내 analog_ 1 태그 의 장치 내 주소를 가져온다

 ● 페이지 콘솔 창 결과 “sample_

​

13) console.log($XT("group_1.analog_1"). saveOnUnload

스카다가 종료될 때 group_1 그룹 태그 내 analog_ 1 태그 의 값을 저장할지 여부를 가져온다

 ● 페이지 콘솔 창 결과 false

​

14) console.log($XT("group_1.analog_1"). writeOnConnect

group_1 그룹 태그 내 analog_ 1 태그의 장치가 연결될 때 값을 장치에 쓸지 여부를 가져온다

 ● 페이지 콘솔 창 결과 false