Browse Source

edit 상태면 이벤트 막기

master
sanguu516 3 months ago
parent
commit
8452c576ed
  1. 10
      src/components/flight/NewFlightApprovalsTable.js

10
src/components/flight/NewFlightApprovalsTable.js

@ -232,6 +232,7 @@ export default function NewFlightApprovalsTable(props) {
), ),
dataIndex: 'areaList', dataIndex: 'areaList',
align: 'center', align: 'center',
editable: true,
width: '110px', width: '110px',
render: areaList => { render: areaList => {
return areaList.length <= 1 ? <>-</> : '-'; return areaList.length <= 1 ? <>-</> : '-';
@ -475,6 +476,7 @@ export default function NewFlightApprovalsTable(props) {
{ {
dataIndex: '세부사항', dataIndex: '세부사항',
align: 'center', align: 'center',
editable: true,
width: '110px', width: '110px',
render: text => { render: text => {
return <>기타</>; return <>기타</>;
@ -614,6 +616,9 @@ export default function NewFlightApprovalsTable(props) {
}} }}
onRow={record => ({ onRow={record => ({
onClick: event => { onClick: event => {
if (editingKey !== '') {
return; // edit 상태면 이벤트 실행 안 함
}
// 이벤트 버블링을 막기 위해 클릭된 요소가 'Edit' 버튼인지 확인 // 이벤트 버블링을 막기 위해 클릭된 요소가 'Edit' 버튼인지 확인
if ( if (
event.target.tagName !== 'BUTTON' && event.target.tagName !== 'BUTTON' &&
@ -805,6 +810,9 @@ export default function NewFlightApprovalsTable(props) {
}} }}
onRow={record => ({ onRow={record => ({
onClick: event => { onClick: event => {
if (editingKey !== '') {
return; // edit 상태면 이벤트 실행 안 함
}
// 이벤트 버블링을 막기 위해 클릭된 요소가 'Edit' 버튼인지 확인 // 이벤트 버블링을 막기 위해 클릭된 요소가 'Edit' 버튼인지 확인
if ( if (
event.target.tagName !== 'BUTTON' && event.target.tagName !== 'BUTTON' &&
@ -856,7 +864,7 @@ const EditableCell = ({
}) => { }) => {
const inputNode = const inputNode =
inputType === 'number' ? ( inputType === 'number' ? (
<InputNumber <Input
min={0} min={0}
onKeyPress={e => { onKeyPress={e => {
if (!/[0-9]/.test(e.key)) { if (!/[0-9]/.test(e.key)) {

Loading…
Cancel
Save