JavaScript는 QML 문서 및 JavaScript resources를 import 할 수 있다.

다음과 같이 사용 방법에 대해서 알아보자.

1. QML 내에서 JavaScript 파일 사용 방법

[code language=”cpp”] import "qrc:/studySJ.js" as SJ[/code] – Qml내에서 SJ 라는 이름으로 사용.
– Resources/qml.qrc에 “javaScript_Test.js” 파일 등록 후 진행.
등록 하는 방법
[Tip] qml.qrc 우측 클릭 후 Open in editor 클릭 후 ADD 선택후 파일 선택 등록하면 된다.

3

[javaScript_Test.js][code language=”cpp”] function vanxy(x, y){
console.log("==[JOO]== JavaScriptTest.js X = " + x + ", y = " + y)
return x*y;
}[/code] function vanxy() 함수를 추가한다.

[main.qml][code language=”cpp”]

import "qrc:/javaScript_Test.js" as SJ
….
button1.onClicked: {
SJ.vanxy(10,20)
}[/code] button1을 클릭 할 때, JavaScript vanxy() 함수를 호출 한다.

위와 같이 동작을 하였을 때 JavaScript를 통해 만든 함수가 호출된다.
5

2. JavaScript 내에서 JavaScript 파일 사용 방법[code language=”cpp”] .import "qrc:/javaScript_Test.js" as SJ[/code]