20210829 - Interactive Grid 행 추가 버튼, 편집, 저장 버튼 위치 변경 및 탭 그룹화

1. 탭 그룹화

Static Content 리전을 만들고

Appearance - Template : Tabs Container로 설정

그리고 각 탭에 위치할 Sub 하위 리전들을 생성

2. 편집, 저장, 행 추가 기본 위치 좌측인데 우측으로 변경

Attributes - Advanced - JavaScript Initialization Code

function(config) {

    let $                = apex.jQuery,

        toolbarData      = $.apex.interactiveGrid.copyDefaultToolbar();

        addrowAction     = toolbarData.toolbarRemove("selection-add-row");

        saveAction       = toolbarData.toolbarRemove("save");

        editAction       = toolbarData.toolbarRemove("edit");

        actionsMenuGroup = toolbarData.toolbarFind("actions4");

    actionsMenuGroup.controls.push({

        type  : "BUTTON",

        action: "edit",

        label : "편집"

        });

    actionsMenuGroup.controls.push({

        type  : "BUTTON",

        action: "save",

        label : "저장",

        icon  : "icon-ig-save-as",

        iconBeforeLabel: true,

        hot   : true

        });

    actionsMenuGroup.controls.push({

        type  : "BUTTON",

        action: "selection-add-row",

        label : "행 추가",

        icon  : "icon-ig-add-row",

        iconBeforeLabel: true,

        hot   : true

        });

    config.toolbarData = toolbarData;

    return config;

}

참고

https://tm-apex.blogspot.com/2021/03/customize-your-toolbar-interactive-grid.html

https://www.stinolez.com/2018/10/25/interactive-grids-more-customization/