Browse Source

비행구역 클릭 이벤트 추가

master
sanguu516 4 months ago
parent
commit
2185d32a2c
  1. 1
      src/components/crud/grid/GridDatatable.js
  2. 8
      src/components/flight/FlightApprovalsTable.js

1
src/components/crud/grid/GridDatatable.js

@ -28,6 +28,7 @@ export const GridDatabase = props => {
paginationTotalRows={props.total} paginationTotalRows={props.total}
paginationPerPage={props.paginationPerPage} paginationPerPage={props.paginationPerPage}
paginationRowsPerPageOptions={props.paginationRowsPerPageOptions} paginationRowsPerPageOptions={props.paginationRowsPerPageOptions}
onRowClicked={props.handleRowClick}
// paginationServer // paginationServer
subHeader={false} subHeader={false}
columns={props.columns} columns={props.columns}

8
src/components/flight/FlightApprovalsTable.js

@ -20,7 +20,7 @@ export default function FlightApprovalsTable(props) {
classNames: ['flight-approval-row'] classNames: ['flight-approval-row']
}, },
{ {
when: row => row.areaList[0].approvalCd === props.selected, when: row => row.areaList[0].planAreaSno === props.selected,
classNames: ['flight-approval-row-click'] classNames: ['flight-approval-row-click']
} }
]; ];
@ -258,6 +258,11 @@ export default function FlightApprovalsTable(props) {
// } // }
// }; // };
const handleRowClick = row => {
props.handlerDetail(row.areaList[0]);
// 여기에 클릭 이벤트를 처리하는 코드를 작성하세요.
};
return ( return (
<div className='layer-content'> <div className='layer-content'>
<div className='layer-ti d-flex justify-content-between align-items-center'> <div className='layer-ti d-flex justify-content-between align-items-center'>
@ -281,6 +286,7 @@ export default function FlightApprovalsTable(props) {
// customStyles={customStyles} // customStyles={customStyles}
conditionalRowStyles={conditionalRowStyles} conditionalRowStyles={conditionalRowStyles}
FlightInfoComponent={FlightInfoComponent} FlightInfoComponent={FlightInfoComponent}
handleRowClick={handleRowClick}
/> />
) : ( ) : (
<div <div

Loading…
Cancel
Save