guide Loading Page

RtListControl.setDataLoading을 호출해서 데이터 로딩 상태가 되면 표시되는 페이지다.
RtLoadingPage가 페이지 설정 모델이며 RtListOptions.loadingPage 속성으로 접근할 수 있다.

{
    name: '@it_loading_page',
    description: "Loading page template",
    template: {
        layout: "vlinear",
        itemsArrange: 'center',
        children: [{
            value: "${message;Data Loading...}",
            style: {
                fontFamily: "Courier New",
                fontSize: "16px",
                fontWeight: "bold",
                color: "#777"
            }
        }, {
            space: '30'
        }, {
            renderer: {
                type: 'spinner'
            }
        }],
        style: {
            backgroundColor: "#f8f8f8",
            padding: '10px'
        }
    },
}

위 그림처럼 내장된 '@it_loading_view' 템플릿이 기본적으로 사용되지만, template 속성으로 사용자 템플릿을 지정할 수 있다.

Skeleton View

list.setConfig({
    props: {
        skeletonVisible: true
    }
})
// 혹은
list.skeletonVisible = true;

See Also

Empty Page
Info Page
Edit Page