VueJS wijmo flexGrid dataMap
추천0 비추천 0
페이지 정보
작성자 볶음이
작성일 2021-07-22 10:19 조회 3,918회
댓글 0건
제품 버전 : 5.20211.781
본문
관련링크
안녕하세요~
현재 wijmo flexGrid를 아래와 같이 사용중인데요.
(코드는 최소한으로 요약해서 올렸습니다.)
<wj-flex-grid
class="filter-colors"
:itemsSource="filterCheckItemList"
:stickyHeaders="true"
:selectionMode="'Row'"
:allowResizing="'ColumnsAllCells'"
:initialized="initcheckItemListGrid"
>
<wj-flex-grid-column
binding="checkResult"
header="CheckResult"
align="center"
:dataMap="checkResultItem"
:width="120"
/>
</wj-flex-grid>
<script>
...
data() {
return {
checkResultItem: ["OK", "NG"],
dataMap을 사용하여 그리드 내의 OK, NG 값을 선택 가능하도록
comboBox를 표현하고 있습니다.
각각의 comboBox를 선택하면(값이 변경될때마다) 다른 함수를 태우려 하는데
잘 안되네요.
이를 해결하기 위해
1. cell-template 안에 wj-combo-box를 정의하여 selectIndexChanged, textChanged 이벤트를 걸어보았습니다
2. dataMap이 아닌 editor를 사용하여 new ComboBox 객체를 넣어주어 그 안에서 selectIndexChanged, textChanged를 걸어보았습니다.
data() {
return {
editors: {
checkResultItem: new ComboBox(document.createElement("div"), {
itemsSource: ["OK", "NG"],
selectedIndexChanged(s) {
...
},
}),
},
...
이 방법은 선택을 변경할 때마다 selectedIndexChanged를 타지만, 외부 함수 또는 데이터를 불러올 수가 없었습니다.
3. dataMap으로 정의해 놓은 다음 wijmo 소스상에 mapChanged라는 이벤트가 보이고 문서상에 mapChanged 이벤트가 있어 써보았으나 선택 할때마다 함수를 타지는 않았습니다
4. 그 외에 @change를 걸어보거나 하는 등의 방법도 써보았습니다..
어떤 방법으로 해야 원하는 동작을 할지 찾을수가 없습니다.
아니면 제가 써본 방법들 중 해결 가능한 방법이 있을까요?
댓글목록
등록된 댓글이 없습니다.
1 답변
