FormView

모바일에 최적화 된 화면 모델

상세 설명

GridBase.formView 로 접근 할 수 있다.

예제 코드

let form = gridView.formView;
form.visible = true;
form.options.modal = true;
form.options.modalPadding = "10% 8%";
form.options.autoClose = true;

let formModel = {
     items:[{
            header: "이름",
            column: "KorName"
        },
        {
            header: "성별",
            column: "SexLabel"
        },
        {
            header: "주문일",
            column: "OrderDate"
        },
        {
            header: "Address",
            template: "<span>Good!<br>121212</span>"
        },
        "Email"
     }]
}
form.setModel(formModel);

프로퍼티 목록


메서드 목록



프로퍼티 정보

currentRow


currentRow: number

현재 화면을 보여주고 있는 페이지 (그리드에서의 행)

예제 코드

// 첫번째 페이지로 돌아가기
formView.currentRow = 0;

options


options: FormOptions

해당 FormView 의 설정 정보

상세 설명

FormOptions 의 속성을 가져오거나 설정할 수 있다.

visible


visible: boolean

FormView 표시 여부

상세 설명

true 지정 시 FormView 를 해당 그리드 위에 표시한다.

기본값

false

메서드 정보

setModel


setModel(value:FormModel):any

화면 구성을 설정한다.

매개변수

반환값

타입: any

예제 코드

form.setModel({
    items: [
        {
            header: "이름",
            column: "KorName"
        },
        {
            header: "성별",
            column: "SexLabel"
        },
        {
            header: "주문일",
            column: "OrderDate"
        },
        {
            header: "납입금",
            column: "SaveCost"
        },
        {
            header: "만기금액",
            column: "SaveMaturity"
        }
    ]
});