MiPlatform - Chapter3. 기본 화면개발

Grid

-. Dataset 바인딩

-. 사용안하는 컬럼 삭제

-. Grid Contents Editor 사용

-. Head 명 변경
[Text : ] or Design Source탭에서의 변경이 수월

-. Column순서 바꾸기 : Cut & Paste(Insert)

-. 번호
Column추가(Insert) -> [Expr : currow+1] -> [CellType : head]

-. Expr - 그리드에서 값을 만들면서 뿌리고 싶을 때 사용하는 property

-. 셀 크기 : 조절 or [AutoFit : True] 비율에 맞게 AutoFit됨

-. 문자열 formatting (AA001 -> AA-001)
[Mask : AA-###] (AA-대문자만표시, ###-숫자세개)

-. 날짜표시 yyyy/MM/dd

-. 부서코드를 코드명으로 바꾸기
[Display : combo] –> [ComboDataset : ds_dept] –> [ComboCol : code] –> [ComboText : value]

단계가 더 들어갈 경우에는 Expr써야겠지.

-. 기혼여부 CheckBox처리
Display : checkbox

실행해보면 checkbox바꿀 수는 없지. 현재는 표시만 되.

-. 총인원 (Summary Record)
Add Sum Row
나머지 Cell 합하기 : 긁어서 마우스오른쪽 Merge Cells -> 아니요
표시할 Cell 선택 –> [Expr : RowCount()+"명"]

Expr에 쓰는 문법은 javascript.
함수는 뭘 쓴거지: RowCount함수가 있는게 아니야. BindDataset으로 들어온 DataSet은 Expr에서 생략할 수 있어. 원래는 ds_sawon.RowCount()+"명"이야. 즉, Dataset의 Method를 쓴거야.
Expr에는 메뉴얼에 있는 모든 것을 다 쓸 수 있어. 심지어 Script창에 내가 만든 함수도 쓸 수 있다고.

-. 입사일 기준 이름색 바꾸기. (그리드 알록달록 만들기)
Property명 뒤 (e) Expr를 쓸 수 있다는 의미
Property명을 마우스오른쪽 더블클릭하면 Expr입력창 떠.
[BkColor (e) : iif( ipsa_date >= '20070101', 'green')]
여기서 ipda_date는 ds_sawon.GetColumn(currow, "ipda_date")야. Expr아닌 곳에서는 쓸 수 없어.

-. 성명과 사번을 더해서 표시하기.
Column하나 더 만들어. -> Expr : name+sabun

-. 짝홀수 색깔 구분하기.
BkColor2 : 옅은색으로 지정

-. Grid 입력상태로 바꾸기.
Editable : true
성명 Edit : normal
사변 Edit : mask
부서 Edit : combo
직급 Edit : combo
기혼 Edit : checkbox

이렇게 하면 두번 클릭해야 수정 가능해.
Grid [AutoEnter : true]
한번 누르면 팝업창 띄우고, 더블클릭하면 입력하게 하는 등의 요구 수용위해.
AutoEnter가 true면 tab은 grid를 안 벗어나.

중간날림 기본 화면개발 5,6

기본 화면개발 7

>>Image
이미지 URL로 처리
[ImageID : Image::button.jpg]
[Text : 이미지]

MiPlatform 에서의 URL처리
Image::button.jpg (Application Group명::파일명)
- Image란 Application Group밑에 있는 button.jpg을 가져와라.

startXml에서 Image라는 Application Group을 찾고 Base URL에서 실제 경로를 찾아.
만약 Base URL이 http://a.b.c/image/라면
http://a.b.c/image/button.jpg 이렇게 URL을 만들어

왜 이렇게 만들었냐하면 http://a.b.c/image/ 이 부분이 프로젝트중에 언제든지 바뀔 수 있기 때문이지.
http://a.b.c/image/a/b/c/button.jpg 이렇게 서브디렉토리있을 경우는 Image::a/b/c/button.jpg 이런식으로 하면 되겠지.

이미지 위에서 커서바꾸기
[Cursor : HAND]
OnClick Event에 alert("이미지!!");

실행하면 적용안되네..
[Static : False] 주의! 이미지 컴포넌트에 조작을 가할 때 반드시 바꿔줘!!

이미지 채우기 or 타일형식
[FillType : STRETCH or TILE]

>>GroupBox (Static Component)
[Type : GroupBox]
Grouping은 아니야..

>>GroupBox를 다른 컴포넌트위에 그려서 다른게 선택이 안될 때
-. 마우스오른쪽 : Bring to Front or Send to Back 사용
-. Properties바로밑의 ComboBox로 선택
-. Project Explorer에서 Component직접 선택

>>이벤트해당 함수로 찾아가는 방법.
-. Properties의 Event탭에서 더블클릭.
-. Design창에서 해당 컴포넌트에 마우스오른쪽클릭 -> GoTo Event
-. Project Explorer에서 script에서 직접 선택

>>사용자의 권한에 따라 보여주는게 다른경우 Component를 겹쳐 그리는 경우가 있지.
이때 사용하는주요 Property
[Enable : ]
[Visible : ]

Form(바닥)선택 후 visible : false 하면 아무것도 안나와. 모든 컴포넌트에 영향을 줘.

>>ToolTip
[ToolTipText : adfasdfa]

>>TabOrder
-. Design Menu에서 Tab Order 또는 Tab Order Editor 선택
-. Form(바닥)에서 마우스오른쪽버튼 -> Tab Order 또는 Tab Order Editor 선택
>>UserData property : 아무것도 안해. 임시버퍼 역할로 사용할 수 있지.