APEX-Interactive Grid8 [ 그리드 헤더 ] 사용자 컬럼 이동 불가 컬럼 이동 불가를 위하여 아래와 같이 소스를 추가합니다. ● 그리드 선택 > Attribute ● Advanced - Initialization JavaScript Function function(config) { // 컬럼 이동 불가 config.views.grid.features.reorderColumns = false; return config; } 사용자가 그리드 이동하지 못하도록 기능 테스트한 결과입니다. 2024. 4. 22. [ 그리드 타이틀 ] 로우카운트 설정을 아래와 같이 진행합니다. 그리드 풋터 영역을 숨기며, 그리드 타이틀 (로우카운트)로 변경을 아래와 같이 수정합니다. ● Advanced - Static ID: GRID_SYS_LOG ● Dynamic Action > PageLoad 이벤트 추가 ● Identification - Name: 로그정보-그리드-타이틀변경 - Action: Execute JavaScript Code ● Settings - Code if (apex.region("GRID_SYS_LOG")) { var grid = apex.region("GRID_SYS_LOG").widget().interactiveGrid("getViews", "grid"); var totalCount = grid.model.getTotalRecords(); $('#GRID_SYS_LOG.. 2024. 4. 10. [ 그리드 풋터 ] 표준에서 제공하는 기능을 아래와 같이 숨기기합니다. Interactive Grid 하단 풋터 영역을 숨기기합니다. ● 그리드 선택 > Attributes > Advanced - Initialization JavaScript Function function(config) { config.defaultGridViewOptions = { footer: false } return config; } Interactive Grid 풋터 숨기기 기능 테스트한 결과입니다. 2024. 4. 10. [ Action Menu ] 표준에서 제공하는 기능을 아래와 같이 제어합니다. Interactive Grid에서 제공하는 표준 기능을 아래와 같이 제어합니다. ● Attributes > Advanced - Initialization JavaScript Function function(config) { config.initActions = function(actions) { actions.remove("single-row-view"); actions.remove("row-duplicate"); actions.remove("row-delete"); actions.remove("row-add-row"); actions.remove("row-refresh"); actions.remove("row-revert"); actions.remove("selection-delete"); action.. 2024. 4. 10. [ 삭제취소 ] 버튼을 아래와 같이 추가합니다. Interactive Gird를 대상으로 "삭제취소" 버튼을 추가합니다. ● Identification - Button Name: CAN_ROW - Label: 삭제취소 ● Appearance - Button Template: Text with Icon - CSS Classes: b_can_row_css - Icon: fa-repeat ● Behavior - Action: Defined by Dynamic Action ● Identification - Name: 삭제취소-처리 - Action: Execute JavaScript Code ● Settings - Code: apex.region("GRID_COM_AUTH").widget().interactiveGrid("getActions").invoke(".. 2024. 4. 7. [ 행삭제 ] 버튼을 아래와 같이 추가합니다. Interactive Gird를 대상으로 "행삭제" 버튼을 추가합니다. - 삭제하기전 "시스템 등록 데이터" 삭제 불가 메시지를 출력합니다. - 그외 데이터는 선택된 행을 삭제합니다. - 저장 버튼을 클릭합니다. ● Identification - Button Name: DEL_ROW - Label: 행삭제 ● Appearance - Button Template: Text with Icon - CSS Classes: b_del_row_css - Icon: fa-minus ● Behavior - Action: Defined by Dynamic Action ● Identification - Name: 행삭제-확인 - Action: Alert ● Settings - Title: [ 자료삭제 ] - Message.. 2024. 4. 7. [ 행추가 ] 버튼을 아래와 같이 추가합니다. Interactive Gird를 대상으로 "행추가" 버튼을 추가합니다. ● Identification - Button Name: ADD_ROW - Label: 행추가 ● Appearance - Button Template: Text with Icon - CSS Classes: b_add_row_css - Icon: fa-plus ● Behavior - Action: Defined by Dynamic Action ● Identification - Name: 행추가-처리 - Action: Execute JavaScript Code ● Settings - Code: apex.region("GRID_COM_AUTH").widget().interactiveGrid("getActions").invoke("selec.. 2024. 4. 6. [ 그리드 헤더 ] 필수항목 '*' 표기 및 폰트색상 붉은색 처리 Interactive Grid ● 그리드 선택 > Advanced - Static ID: GRID_COM_AUTH ● 페이지 선택 > CSS - Inline /* 그리드 헤더 필수항목 '*' 표기 */ #GRID_COM_AUTH_ig th[data-idx="2"]::before, th[data-idx="3"]::before, th[data-idx="4"]::before, th[data-idx="5"]::before, th[data-idx="6"]::before { content: '* '; color: red; } 그리드 헤더 필수항목 기능 테스트 결과입니다. 2024. 4. 6. 이전 1 다음
