3.속성, 메소드, 이벤트 추가하기

Edit

넥사크로 모듈 디벨로퍼는 "베타" 버전입니다.

- "베타" 기간 동안 일부 제품 기능은 변경될 수 있습니다.

- 온라인 매뉴얼 URL은 변경될 수 있습니다.

- 가이드에서 사용한 샘플 코드는 아래 링크에서 내려받을 수 있습니다.

https://github.com/TOBESOFT-DOCS/SIMPLE_MODULE_PROJECT/archive/master.zip

https://github.com/TOBESOFT-DOCS/SIMPLE_MODULE_PROJECT

컴포지트 컴포넌트의 특정 속성값에 접근하려면 해당 컴포넌트까지의 경로를 명시해주어야 합니다. 예를 들어 2개의 Calendar 컴포넌트로 만든 TwoMonthCalendar 컴포넌트의 경우 첫 번째 Calendar 컴포넌트의 value 속성값에는 아래와 같이 접근합니다.

this.TwoMonthCalendar00.form.calFrom.value;

컴포지트 컴포넌트에서 필요한 속성이나 메소드, 이벤트를 추가해주면 사용자는 좀 더 직관적으로 속성값에 접근할 수 있습니다. 예를 들어 TwoMonthCalendar 컴포넌트의 첫 번째 Calendar 컴포넌트의 value 속성값을 fromValue 속성을 추가해 확인할 수 있게 하면 아래와 같이 접근할 수 있습니다.

this.TwoMonthCalendar00.fromValue;

이번 장에서는 컴포지트 컴포넌트에 속성, 메소드, 이벤트를 추가하는 방법을 살펴봅니다.

3.1속성 추가하기

3.1.1문자열 속성 추가하기

Calendar 컴포넌트에서 선택한 값(value)에 바로 접근할 수 있는 속성을 추가합니다. 속성 이름은 fromValue, toValue 입니다.

1

메뉴 [Edit > Add > Property] 항목을 선택하고 속성 추가 위자드를 실행합니다.

Project Explorer에서 오브젝트를 선택하고 컨텍스트 메뉴에서 [Add > Property] 항목을 선택할 수도 있습니다.

2

Target Object 항목에 표시된 오브젝트가 선택한 것이 맞는지 확인하고 Property Name 항목에 추가할 속성명을 입력합니다.

Property Information 항목에서는 속성 관련 정보를 설정할 수 있습니다. 예제에서는 속성 관련 정보는 기본값을 유지합니다.

"Make setter function in a module scripts" 항목에서는 속성의 Setter Function 스켈레톤 코드 자동 생성 여부를 설정합니다. 메타인포 항목 unused, readonly, initonly 중에서 하나라도 true로 설정한 경우, 해당 체크박스는 비활성화 됩니다.

체크박스가 비활성화되거나 체크를 해제한 경우에는 다음 단계에서 xcdl 파일에 해당 코드가 추가되지 않습니다.

3

[Finish] 버튼을 클릭하면 지정한 속성이 추가되면서 MetaInfo 항목에 속성이 추가됩니다.

4

xcdl 파일에서 Class Definition 탭이 활성화되고 삽입된 코드를 확인할 수 있습니다.

5

스크립트를 아래와 같이 수정합니다.

사용자가 fromValue 속성값을 설정하는 경우 해당 속성값을 Calendar 컴포넌트의 value 값으로 전달해줍니다.

_pTwoMonthCalendar.fromValue = undefined;
_pTwoMonthCalendar.set_fromValue = function (v)
{
    if(this.form.calFrom)
    {
        this.form.calFrom.set_value(v);
    }
    this.fromValue = v;
};

6

디자인 탭에서 Celendar 컴포넌트를 선택하고 onchanged 이벤트 함수를 아래와 같이 생성합니다. 생성된 이벤트 함수는 Script 탭에서 확인할 수 있습니다.

Calendar 컴포넌트에서 선택한 값이 바뀌었을 때 변경된 값을 fromValue 속성값에 저장해줍니다.

this.calFrom_onchanged = function(obj:nexacro.Calendar,e:nexacro.ChangeEventInfo)
{
    this.parent.set_fromValue(e.postvalue);
};

Script에서 this 키워드는 Form 오브젝트를 가리키고 있습니다. 때문에 컴포지트 컴포넌트의 속성에 접근하기 위해서는 this.parent로 접근해야 합니다.

7

에뮬레이터를 실행하고 첫 번째 Calendar 컴포넌트에서 날짜를 선택한 후 콘솔창에서 속성값을 확인합니다.

8

두 번째 Calendar 컴포넌트에 해당하는 속성을 추가하고 코드를 추가합니다.

3.1.2Enum 속성 추가하기

Enum 속성은 열거형(enumeration) 형태로 값을 지정할 수 있는 속성을 의미합니다. 예를 들어 Calendar 컴포넌트의 type 속성값은 "normal | monthonly | spin" 3가지 값 중에서 선택할 수 있는데, 미리 지정할 수 있는 속성값을 EnumInfo 속성으로 추가해서 사용하는 것입니다.

Calendar 컴포넌트의 스타일을 변경할 수 있는 속성을 추가합니다. 속성 이름은 colorTheme 입니다. 속성을 추가하기 전에 EnumInfo부터 추가해주어야 합니다.

스타일 관련 코드는 아래 링크를 참고해주세요. 아래 설명에서는 xcss 코드를 미리 작성했다는 전제로 설명을 진행합니다.

컴포넌트 개별 스타일 지정하기

1

Project Explorer에서 MetaInfo 항목 아래에 오브젝트명을 더블클릭하거나 컨텍스트 메뉴에서 [Edit] 항목을 선택해 메타인포 편집기를 실행합니다.

2

오른쪽 Common Information에서 Enum 항목을 선택합니다.

3

[+] 버튼을 클릭하고 [Add Info Item]을 선택한 후 편집창에서 "colorTheme"라는 항목을 추가합니다.

또는 컨텍스트 메뉴에서 [Add] 항목을 선택하고 편집창을 띄울 수 있습니다.

4

[+] 버튼을 클릭하고 [Add Info Item]을 선택한 후 편집창에서 "orange", "purple" 항목을 추가합니다.

또는 컨텍스트 메뉴에서 [Add Item] 항목을 선택하고 편집창을 띄울 수 있습니다.

5

메뉴 [Edit > Add > Property] 항목을 선택하고 속성 추가 위자드를 실행합니다.

6

Property Information 항목에서 edittype 항목을 "Enum"으로 변경하고 enuminfo 항목은 앞에서 생성한 "ColorTheme" 항목을 선택합니다.

7

생성된 스크립트를 아래와 같이 수정합니다.

선택한 값에 따라 Calendar 컴포넌트에서 사용할 cssclass 속성값을 변경해줍니다.

_pTwoMonthCalendar.colorTheme = "";
    _pTwoMonthCalendar.set_colorTheme = function (v)
    {
        var _cssclass = "";
        if(v=="purple")
        {
            _cssclass = "simple_module, simple_module_purple";
        }
        else
        {
            _cssclass = "simple_module";
        }
        
        if(this.form.calFrom && this.form.calTo)
        {
            this.form.calFrom.set_cssclass(_cssclass);
            this.form.calTo.set_cssclass(_cssclass);
        }
        this.colorTheme = v;
    };

8

에뮬레이터를 실행하고 colorTheme 속성값을 변경했을 때 스타일이 적절하게 적용되는지 확인합니다.

3.1.3컴포넌트 실행 시 속성값 처리하기

아래와 같이 인터페이스 함수를 추가해서 실행 시 속성값으로 설정한 값이 반영되도록 합니다.

_pTwoMonthCalendar.on_create_contents = function ()
{
    this.set_fromValue(this.fromValue);
    this.set_toValue(this.toValue);
    this.set_colorTheme(this.colorTheme);
};

3.2메소드 추가하기

3.2.1파라미터 없는 메소드(getDayCount) 추가하기

Calendar 컴포넌트에서 선택한 값(value)의 차이를 계산해 반환하는 메소드를 추가합니다. 메소드 이름은 getDayCount입니다.

1

메뉴 [Edit > Add > Method] 항목을 선택하고 메소드 추가 위자드를 실행합니다.

Project Explorer에서 오브젝트를 선택하고 컨텍스트 메뉴에서 [Add > Method] 항목을 선택할 수도 있습니다.

2

Target Object 항목에 표시된 오브젝트가 선택한 것이 맞는지 확인하고 Method Name 항목에 추가할 메소드 이름을 입력합니다.

Method Information 항목에서는 메소드 관련 정보를 설정할 수 있습니다. 예제에서는 두 개의 Calendar 컴포넌트에서 선택한 날짜 사이의 차이를 계산하고 반환해주는 메소드를 작성할 겁니다. Method Information 항목에서 returntype 값을 Integer로 설정합니다.

"Make setter function in a module scripts" 항목에서는 메소드의 Function 스켈레톤 코드 자동 생성 여부를 설정합니다. 메타인포 unused 항목이 true로 설정한 경우, 해당 체크박스는 비활성화 됩니다.

체크박스가 비활성화되거나 체크를 해제한 경우에는 다음 단계에서 xcdl 파일에 해당 코드가 추가되지 않습니다.

3

[Finish] 버튼을 클릭합니다. 지정한 메소드가 추가되면서 Class Definition 탭이 활성화됩니다.

[Next] 버튼을 클릭하면 메소드에서 사용하는 파라미터를 지정할 수 있습니다. 예제에서는 파라미터를 사용하지 않아 해당 단계는 건너 뛰었습니다.

4

스크립트를 아래와 같이 수정합니다.

두 개의 Calendar 컴포넌트의 값을 비교하고 그 차이값을 반환합니다.

_pTwoMonthCalendar.getDayCount = function ()
{
    var fromDate = new Date();
    var toDate = new Date();
    var calDate;
    var day = 1000*60*60*24;
    var returnvalue = -1;
    
    if(this.form.calFrom.value && this.form.calTo.value)
    {
        fromDate.setFullYear(this.form.calFrom.getYear());
        fromDate.setMonth(this.form.calFrom.getMonth()-1);
        fromDate.setDate(this.form.calFrom.getDay());
        
        toDate.setFullYear(this.form.calTo.getYear());
        toDate.setMonth(this.form.calTo.getMonth()-1);
        toDate.setDate(this.form.calTo.getDay());
    
        calDate = fromDate.getTime() - toDate.getTime();
        trace("calDate: "+calDate);
        
        returnvalue = Math.abs(calDate/day);
    }
    trace("returnvalue: "+returnvalue);
    return returnvalue;
};

5

에뮬레이터를 실행하고 첫 번째 Calendar 컴포넌트와 두 번째 Calendar 컴포넌트에서 날짜를 선택한 후 콘솔창에서 추가한 메소드를 호출하고 반환되는 값을 확인합니다.

콘솔창에서 메소드 이름을 입력할 때 IntelliSense 기능이 동작하는 것도 확인할 수 있습니다.

3.2.2파라미터 있는 메소드(addDay) 추가하기

첫 번째 Calendar 컴포넌트에서 선택한 값(value)에 파라미터로 넘어온 날짜만큼을 더해 두 번째 Calendar 컴포넌트 값으로 설정해주는 메소드를 추가합니다. 메소드 이름은 addDay입니다.

1

메뉴 [Edit > Add > Method] 항목을 선택하고 메소드 추가 위자드를 실행합니다.

Project Explorer에서 오브젝트를 선택하고 컨텍스트 메뉴에서 [Add > Method] 항목을 선택할 수도 있습니다.

2

Target Object 항목에 표시된 오브젝트가 선택한 것이 맞는지 확인하고 Method Name 항목에 추가할 메소드 이름을 입력합니다.

Method Information 항목에서는 메소드 관련 정보를 설정할 수 있습니다. 예제에서는 첫 번째 Calendar 날짜에 파라미터로 전달된 숫자를 더해 두 번째 Calendar 컴포넌트에 설정해주고 결과값을 반환해줍니다. Method Information 항목에서 returntype 값을 Boolean으로 설정합니다.

3

[Next] 버튼을 클릭합니다. 파라미터를 지정할 수 있는 화면이 표시됩니다.

Arguments 항목에서 [+] 버튼을 클릭해서 파라미터를 추가하고 type 속성과 description 설명을 설정합니다. 예제에서는 type은 "Integer"로 추가했습니다.

파라미터 추가 시에는 arg00 형식으로 이름이 붙는데, 항목을 선택하고 컨텍스트 메뉴에서 [Rename] 항목을 선택하면 이름을 변경할 수 있습니다. 예제에서는 nDay로 이름을 변경했습니다.

파라미터가 여러 개인 경우에는 위, 아래 화살표를 이용해서 순서를 변경할 수 있습니다.

4

[Finish] 버튼을 클릭합니다. 지정한 메소드가 추가되면서 Class Definition 탭이 활성화됩니다.

5

스크립트를 아래와 같이 수정합니다.

첫 번째 Calendar 컴포넌트의 값에 파라미터로 넘어온 값을 더한 후 두 번째 Calendar 컴포넌트 값으로 지정해줍니다.

_pTwoMonthCalendar.addDay = function (nDay)
{
    var fromDate = new Date();
    var toDate = new Date();
        
    if(this.form.calFrom.value)
    {
        fromDate.setFullYear(this.form.calFrom.getYear());
        fromDate.setMonth(this.form.calFrom.getMonth()-1);
        fromDate.setDate(this.form.calFrom.getDay());
        toDate = new Date(fromDate.addDate(nDay));
            
        var year = toDate.getFullYear().toString().padLeft(4, "0");
        var month = (toDate.getMonth()+1).toString().padLeft(2, "0");
        var day = toDate.getDate().toString().padLeft(2, "0");            
            
        this.form.calTo.set_value(year+month+day);
        return true;
    }
    else
    {
        trace("calFrom value is null");
        return false;
    }
};

6

에뮬레이터를 실행하고 첫 번째 Calendar 컴포넌트에서 날짜를 선택한 후 콘솔창에서 추가한 메소드를 호출하고 두 번째 Calendar 컴포넌트에 값이 설정되는지 확인합니다.

3.3이벤트 추가하기

Calendar 컴포넌트에서 값이 변경된 경우(onchanged) 이를 확인할 수 있는 이벤트를 추가합니다. 이벤트 이름은 onchanged입니다.

1

메뉴 [Edit > Add > Event] 항목을 선택하고 이벤트 추가 위자드를 실행합니다.

Project Explorer에서 오브젝트를 선택하고 컨텍스트 메뉴에서 [Add > Event] 항목을 선택할 수도 있습니다.

2

Target Object 항목에 표시된 오브젝트가 선택한 것이 맞는지 확인하고 Event Name 항목에 추가할 이벤트명을 입력합니다.

이벤트에 따라 반환할 값이 있는 경우에는 returntype을 설정해줍니다. 예제에서는 반환할 값이 없기 때문에 해당 항목을 지정하지 않습니다.

3

[Next] 버튼을 클릭하고 이벤트가 발생하는 오브젝트와 EventInfo 오브젝트를 지정합니다. 해당 항목을 지정하지 않고 [Finish] 버튼을 클릭한 경우에는 nexacro.EventInfo 오브젝트를 기본값으로 적용합니다.

예제에서는 nexacro.ChangeEventInfo로 항목을 변경했습니다.

4

[Finish] 버튼을 클릭하면 기본 스크립트가 아래와 같이 추가되면서 Class Definition 탭이 활성화됩니다.

먼저 컴포지트 컴포넌트를 초기화하는 함수에 this.addEvent 라는 메소드를 호출합니다. 컴포넌트 내부에서 이벤트 목록을 관리하는 변수가 있는데, addEvent 메소드가 실행되면서 해당 목록에 이벤트를 추가합니다.

그리고 코드 하단에 아래와 같은 이벤트 함수를 추가합니다.

5

스크립트를 아래와 같이 수정합니다.

_pTwoMonthCalendar.on_fire_onchanged = function (obj, pretext, prevalue, posttext, postvalue)
{
    if (this.onchanged && this.onchanged._has_handlers)
    {
        var evt = new nexacro.ChangeEventInfo(obj, "onchanged", pretext, prevalue, posttext, postvalue);
        return this.onchanged.fireEvent(this, evt);
    }
    return false;
};

6

Calendar 컴포넌트의 onchanged 이벤트 함수를 추가하고 아래 코드를 추가합니다.

onchanged 이벤트 함수는 "속성 추가하기" 예제를 설명하면서 추가했습니다. 이미 추가된 경우에는 변경된 코드만 추가해주세요.

this.calFrom_onchanged = function(obj:nexacro.Calendar,e:nexacro.ChangeEventInfo)
{
    this.parent.set_fromValue(e.postvalue);
    this.parent.on_fire_onchanged(obj, e.pretext, e.prevalue, e.posttext, e.postvalue);
};

this.calTo_onchanged = function(obj:nexacro.Calendar,e:nexacro.ChangeEventInfo)
{
    this.parent.set_toValue(e.postvalue);
    this.parent.on_fire_onchanged(obj, e.pretext, e.prevalue, e.posttext, e.postvalue);
};

추가한 이벤트는 에뮬레이터에서 테스트할 수 없고 모듈 배포 후 앱에서 확인할 수 있습니다.

3.4모듈 설치 후 추가한 속성, 메소드, 이벤트 확인하기

넥사크로 스튜디오에서 모듈 설치 후 추가한 속성, 메소드, 이벤트를 어떻게 사용할 수 있는지 살펴봅니다.

3.4.1속성창에 추가한 속성, 메소드 표시

속성창에 추가한 속성과 이벤트가 표시됩니다. 값을 지정하면 디자인 탭에서 값이 변경되는 것을 확인할 수 있습니다.

colorTheme 속성 항목 선택 시 드롭다운 목록으로 지정한 속성값이 보이는지 확인할 수 있습니다. 값을 선택하면 넥사크로 스튜디오 디자인 창에서 변경된 스타일이 적용됩니다.

3.4.2IntelliSense 동작 시 추가한 속성, 메소드, 이벤트 표시

스크립트 탭에서 IntelliSense 동작 시 추가한 속성이나 메소드, 이벤트가 표시되는 것도 확인할 수 있습니다.

3.4.3메소드 동작 확인하기

메소드 호출 시 정상적으로 값을 반환하는 것도 확인할 수 있습니다.

1

넥사크로 스튜디오에서 Form 화면을 생성합니다.

2

컴포지트 컴포넌트를 화면에 배치합니다.

3

Button 컴포넌트를 화면에 배치하고 onclick 이벤트 함수를 아래와 같이 작성합니다.

this.Button00_onclick = function(obj:nexacro.Button,e:nexacro.ClickEventInfo)
{
    trace(this.TwoMonthCalendar00.getDayCount());
};

4

QuickView(Ctrl + F6)로 앱을 실행하고 두 개의 달력에서 날짜를 선택하고 Button을 클릭합니다.

메소드 실행 결과는 브라우저 개발자 도구 콘솔 화면에서 확인할 수 있습니다.

3.4.4이벤트 동작 확인하기

1

넥사크로 스튜디오에서 Form 화면을 생성합니다.

2

컴포지트 컴포넌트를 화면에 배치합니다.

3

컴포지트 컴포넌트의 onchanged 이벤트 함수를 아래와 같이 작성합니다.

this.TwoMonthCalendar00_onchanged = function(obj:nexacro.TwoMonthCalendar, e:nexacro.ChangeEventInfo)
{
    trace("e.fromobject.id: "+e.fromobject.id);
    trace("e.prevalue: "+e.prevalue);    
    trace("e.postvalue: "+e.postvalue);
};

4

QuickView(Ctrl + F6)로 앱을 실행하고 두 개의 달력에서 날짜를 선택할 때 이벤트가 발생하는지 확인합니다.

메소드 실행 결과는 브라우저 개발자 도구 콘솔 화면에서 확인할 수 있습니다.

3.5메타인포 편집 (속성, 메소드, 이벤트)

속성, 메소드, 이벤트를 추가하는 위자드에서 세부 항목을 설정할 수 있는데 이를 메타인포라고 합니다. Project Explorer에서 MetaInfo 파일 아래에 오브젝트의 Property, Method, Event 항목을 선택하고 더블 클릭하면 세부 항목을 편집할 수 있습니다.

3.5.1속성

항목

설명

group

속성의 카테고리를 지정합니다.

지정하지 않은 경우에는 기타(Misc)로 처리합니다.

지정할 수 있는 세부 항목은 표 아래 노트를 참고하세요.

subgroup

넥사크로 스튜디오에서 innerdataset 속성 편집 시 사용합니다.

속성창에서 Combo 컴포넌트 innerdataset 속성 항목 오른쪽에 있는 버튼을 클릭해 편집창을 띄우는 경우 subgroup 항목값이 "bind(innerdataset)" 형식으로 지정된 속성을 노출합니다.

edittype

속성창 편집 유형을 지정합니다.

예를 들어 left 속성의 경우 positionBase로 지정되어 있으며 속성창에서 숫자, 단위, positionBase 속성을 지정할 수 있습니다.

지정할 수 있는 세부 항목은 표 아래 노트를 참고하세요.

defaultvalue

속성의 기본값을 지정합니다.

속성 추가 시 스크립트 생성 시 기본값을 지정합니다. 스크립트 생성 이후 defaultvalue 항목값을 수정하는 경우에는 영향을 미치지 않습니다.

unused

상속 시 하위에서 사용 여부를 지정합니다.

readonly

읽기 전용 속성 여부를 지정합니다.

initonly

초기 설정 전용 여부를 지정합니다.

예를 들어 initvalueid 속성값은 화면에 표시되기 전 초기값 설정에만 사용합니다.

hidden

속성창 표시 여부를 지정합니다.

속성창에는 표시하지 않지만, 스크립트로 접근할 수 있습니다.

예를 들어 컴포지트 컴포넌트의 form 속성에 스크립트에서 접근할 수 있지만, 속성창에는 표시하지 않습니다.

control

속성 자체가 오브젝트(또는 컨트롤)인지 여부를 지정합니다.

해당 항목값이 true인 경우에는 readonly 항목은 true, hidden 항목을 false로 지정합니다.

예를 들어 컴포지트 컴포넌트의 form 속성이 오브젝트이므로 true로 지정되어 있습니다.

expr

expr 사용 여부를 지정합니다.

true인 경우에는 속성창에서 [set expression] 버튼이 표시되고 expr 값을 편집할 수 있습니다.

bind

바인딩된 Dataset 오브젝트의 Column 바인딩 기능 사용 여부를 지정합니다.

Dataset 오브젝트와 바인딩된 경우 속성창에서 연결할 Column 항목을 드롭다운 목록에서 선택할 수 있습니다.

mandatory

넥사크로 스튜디오에서 컴포넌트 배치 시 XML 코드에 해당 속성 생성 여부를 지정합니다.

refreshinfo

속성값 변경 시 영향을 받는 속성이 있는 경우 지정합니다.

영향을 받은 속성 정보는 RefreshInfo.info 파일에서 별도 관리합니다.

실제 속성값 변경은 set_[value] 함수 내에서 구현해주어야 합니다.

enuminfo

edittype 항목을 "Enum"으로 지정한 경우 선택할 수 있는 EnumInfo 정보를 지정합니다.

속성창에서는 드롭다운목록으로 표시되어 항목을 선택합니다.

unitinfo

속성에 지정하는 단위가 고정된 경우 선택할 수 있는 UnitInfo 정보를 지정합니다.

속성창 오른쪽에 단위를 표시하거나 최소, 최대값을 지정할 수 있습니다.

edittype 설정값이 "Number"일때만 적용할 수 있습니다.

delimiter

edittype 항목을 "Number2"로 지정한 경우 한 개 이상의 값을 속성값으로 지정할 수 있는데, 이때 각 속성값 구분자를 지정합니다.

requirement

지원하는 실행 환경을 콤마 구분자로 지정합니다.

속성창에서 속성명 위에 마우스 커서를 가져가거나 스크립트 탭에서 intellisense 기능 동작 시 툴팁 텍스트 형태로 지원하는 실행 환경을 표시합니다.

csspropertyname

스타일 속성인 경우 CSS 속성명을 지정합니다.

CSS 속성명은 일반적인 속성명과 다른 명명 규칙을 가지고 있어서, 개발 편의를 위해 일반 속성명과 CSS 속성명을 구분해 관리합니다.

예를 들어 border 속성의 CSS 속성명은 -nexa-border 입니다.

normalpropertyname

넥사크로 스튜디오에서 XFDL 파일에 명시되는 이름입니다.

생략할 경우 name 항목과 같은 값을 사용합니다.

description

속성에 대한 간략한 설명입니다.

속성창에서 속성 항목 선택 시 하단 description 영역에 텍스트를 표시하거나 스크립트 탭에서 intellisense 기능 동작 시 표시합니다.

아래 항목은 더는 사용하지 않으며 삭제하거나 노출을 하지 않을 예정입니다.

설정한 값이 컴포넌트 동작에는 영향을 미치지 않습니다.

- style

- objectinfo

- csselementname

- deprecated

group 항목으로 지정할 수 있는 값은 아래와 같습니다.

Accessibility, Action, Appearance, Binding, Collection, Communication, Control, EventInfo, Hidden, Information, Misc, Normal, Position, SandBox, Style


아래 항목은 더는 사용하지 않으며 삭제하거나 노출을 하지 않을 예정입니다.

- GridCombo, GridDate, GridEdit, GridExpand, GridProgressBar, GridTree

edittype 항목으로 지정할 수 있는 값은 아래와 같습니다.

Accessibility, Boolean, ColumnID, Contents, ContentsParam, CssClass, DatasetID, Enum, Enum2, FileName, FormatID, Hotkey, ID, iconID, ImageID, InitvalueFileID, InitvalueID, InnerColumnID, InnerDatasetID, Line, MultiEnum, MultilineString, Number, Number2, Position, PositionBase, ProgID, ScreenID, String, StringEnum, ThemeID, URL, UserFontID, Variant


아래 항목은 더는 사용하지 않으며 삭제하거나 노출을 하지 않을 예정입니다.

- SvgPath

3.5.2메소드

항목

설명

group

메소드의 카테고리를 지정합니다.

현재는 모듈 동작에 영향을 미치지 않습니다.

unused

상속 시 하위에서 사용 여부를 지정합니다.

async

동기화 처리 여부를 지정합니다.

현재는 모듈 동작에 영향을 미치지 않습니다.

requirement

지원하는 실행 환경을 콤마 구분자로 지정합니다.

스크립트 탭에서 intellisense 기능 동작 시 툴팁 텍스트 형태로 지원하는 실행 환경을 표시합니다.

description

메소드에 대한 간략한 설명입니다.

스크립트 탭에서 intellisense 기능 동작 시 표시합니다.

아래 항목은 더는 사용하지 않으며 삭제하거나 노출을 하지 않을 예정입니다.

설정한 값이 컴포넌트 동작에는 영향을 미치지 않습니다.

- usecontextmenu

- deprecated

메타인포 에디터에서 메소드 Arguments 항목에 표시되는 항목 중 아래 항목은 더는 사용하지 않으며 삭제하거나 노출을 하지 않을 예정입니다.

- in, out, option, variable, description

3.5.3이벤트

항목

설명

group

이벤트 카테고리를 지정합니다.

기본값은 "Event"로 지정됩니다.

unused

상속 시 하위에서 사용 여부를 지정합니다.

requirement

지원하는 실행 환경을 콤마 구분자로 지정합니다.

속성창에서 이벤트명 위에 마우스 커서를 가져가거나 스크립트 탭에서 intellisense 기능 동작 시 툴팁 텍스트 형태로 지원하는 실행 환경을 표시합니다.

description

이벤트에 대한 간략한 설명입니다.

스크립트 탭에서 intellisense 기능 동작 시 표시합니다.

아래 항목은 더는 사용하지 않으며 삭제하거나 노출을 하지 않을 예정입니다.

설정한 값이 컴포넌트 동작에는 영향을 미치지 않습니다.

- deprecated