CheckBox

CheckBox Basic

CheckBox는 작은 사각박스 안에 선택된 상태/선택되지 않은 상태를 Switch 하면서 체크표시로 표현하는 Button의 일종인 Component 입니다.

DataSet 바인딩

CheckBox는 DataSet과 바인딩하여 표현할 수 있습니다.

CheckBox의 Button Align

CheckBox의 Text와 Button(checkbox)의 위치는 buttonalign속성을 통해 좌/우 변경이 가능합니다.

Sytle(Flat)

CheckBox border Style를 설정할 수 있습니다.

true,false value

CheckBox의 기본 값은 true, false을 가집니다. 
그러나 속성을 통해 true value와 false value에 대한 설정이 가능합니다.

소스 위치

Sample\CheckBox\np_CheckBox_Basic.xfdl

Radio

Radio Basic

Radio는 동그란 모양의 여러 가지 선택사항 중에서 하나를 선택할 수 있도록 하는 Button의 일종인 컴포넌트입니다.

Inner DataSet

Radio 데이터를 표현하기 위해 DataSet과 연결합니다.

DataSet 바인딩

Radio는 DataSet과 바인딩하여 표현할 수 있습니다.

ColumnCount

Radio를 한 줄에 표현할 Count를 설정할 수 있습니다.

소스 위치

Sample\Radio\np_Radio_Basic.xfdl

Radio Contents Editor

Radio컴포넌트의 경우 Dataset을 만들어 innerdataset으로 바인딩이 가능합니다.
또 한가지 방법으로는 Dataset을 만들지 않고 Contents Editor를 통해서도 Contents를 
구성할 수 있습니다.

Radio contents 사용방법

• Radio 속성 창에서 innerdataset 부분에 보시면 데이터셋 선택할 수 있는 콤보버튼과 “…”버튼이 있습니다.

• “…” 버튼을 선택 하면 다음과 같은 화면이 뜹니다.

• 위에서 데이터셋 사용과 같이 row를 추가하고 추가된 row에 값을 아래와 같이 대입합니다.

• OK 버튼을 누르면 데이터셋이 바인딩된 것처럼 사용할 수 있습니다.

소스 위치

Sample\Radio\np_Radio_Contents_Editor.xfdl

Radio InnerDataSet 접근방법

Radio컴포넌트의 경우 innerdataset 속성을 통해 codecolumn, datacolumn을 개발시 세팅이 
가능합니다.

이후 조건에 따라 개발시 세팅된 정보에 대해 수정 또는 추가를 하고자 하는 경우 접근방법입니다.

this.Button00_onclick = function(obj:Button,  e:nexacro.ClickEventInfo)
{
    this.Radio00.innerdataset.insertRow(0);
    this.Radio00.innerdataset.setColumn(0,"codecolumn",'code값');
    this.Radio00.innerdataset.setColumn(0,"datacolumn","data값");
    this.alert(this.Radio00.innerdataset.saveXML());  //확인
}

소스 위치

Sample\Radio\np_Radio_Innerdataset_Approach.xfdl