Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Toast grid tree 사용시 setRow 문의 #2064

Open
jkh1208 opened this issue Sep 6, 2024 · 1 comment
Open

Toast grid tree 사용시 setRow 문의 #2064

jkh1208 opened this issue Sep 6, 2024 · 1 comment
Labels

Comments

@jkh1208
Copy link

jkh1208 commented Sep 6, 2024

트리 그리드를 사용중이며, 그리드 외 input에 입력 받은 데이터를 버튼 클릭하여 그리드에 setRow를 해주고 싶은데 적용이 안되어 문의 드립니다. 스크립트 error 로그에는 grid.getRow(1)안에 _attributes: .. parentRowKey 관련한거 같은데 에러 로그는 아래와 같습니다.
Uncaught TypeError: Cannot read properties of undefined (reading 'parentRowKey')
at makeObservable (constants.js:26:8)
at Object.setRow (input.js:60:5)
at Grid.dispatch (utils.js:69:8)
at Grid.setRow (utils.js:69:8)
at HTMLButtonElement. (tree.html:56:8)
at HTMLButtonElement.dispatch (jquery-latest.min.js:3:8436)
at r.handle (jquery-latest.min.js:3:5139)

트리그리드에서는 setRow를 지원하지 않는건지 아니면 다른 방법이 있다면 답변 부탁드리겠습니다.
아래는 제가 테스트 해본 샘플 코드입니다.
답변 부탁드리겠습니다.

<script src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="https://uicdn.toast.com/grid/latest/tui-grid.js"></script>

트리setRow 테스트 <script> let testJson = { name: '' }; const grid = new tui.Grid({ el: document.getElementById('grid'), data: [ { name: '최상위메뉴', _attributes: { expanded: true // default: false }, _children: [ { name: 'SET로우테스트 메뉴1' }, { name: 'SET로우테스트 메뉴2' } ] }, ], rowHeaders: ['checkbox'], bodyHeight: 500, treeColumnOptions: { name: 'name', useCascadingCheckbox: true }, columns: [ { header: 'Name', name: 'name', width: 300 } ] }); $('#btn_tree').click(() => { testJson.name = $('#txt_tree').val(); grid.setRow(1, testJson); }); </script>
@HIMZ5221
Copy link

HIMZ5221 commented Sep 6, 2024

선언하신 testJson 객체가 의도와 다르게 얕은 복사되었습니다.
전역변수가 아닌, 이벤트 내에서 선언하여, 사용해 보시길 바랍니다.

tree에 setRow는 사용가능합니다.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants