ReactJS 세로로 붙여넣기를 하고 싶습니다.
추천0 비추천 0
페이지 정보
작성자 min444
작성일 2022-12-05 14:56 조회 810회
댓글 0건
제품 버전 : 위즈모
본문
관련링크
https://www.grapecity.com/wijmo/demos/Grid/TreeGrid/ChildItems/react
이 페이지에 있는 소스를 약간 변형 시켜
-------------------------------------------------------------------------------
import "@grapecity/wijmo.styles/wijmo.css";
import "bootstrap.css";
import "./app.css";
//
import * as React from 'react';
import * as ReactDOM from 'react-dom';
//
import { FlexGrid, FlexGridColumn } from "@grapecity/wijmo.react.grid";
import { getFamilies, getWorkers } from "./data";
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
showAsTree: true,
family: getFamilies(),
workers: getWorkers(),
};
}
render() {
return <div className="container-fluid">
<FlexGrid initialized={this.initGrid.bind(this)} headersVisibility="Column" childItemsPath={['checks', 'earnings']} itemsSource={this.state.workers}>
<FlexGridColumn binding="name" header="Name"/>
<FlexGridColumn binding="hours" dataType="Number" allowSorting={false}/>
<FlexGridColumn binding="rate" dataType="Number" allowSorting={false}/>
</FlexGrid>
</div>;
}
initGrid(grid) {
this.targetSettingGrid = grid;
this.readOnly();
}
readOnly() {
this.targetSettingGrid.rows.forEach((row) => {
row.isReadOnly = false;
})
}
}
ReactDOM.render(<App />, document.getElementById('app'));
-------------------------------------------------------------------------------
이렇게 만들었습니다. app.jsx 에 그대로 붙여 넣으시면 작동합니다.
궁금한 것은 가로를 복사 후 다른 곳에 붙여넣기를 하면 작동합니다.
하지만 세로를 복사 후 다른 곳에 붙여넣기를 할 시 한번만 작동되고 그 후 편집이 불가해집니다.
해결방안을 부탁드립니다.
댓글목록
등록된 댓글이 없습니다.
2 답변
