wijmo flexGrid dataMap > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

VueJS wijmo flexGrid dataMap

페이지 정보

작성자 볶음이 작성일 21-07-22 10:19 조회 36회 댓글 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 답변

VueJS Re: wijmo flexGrid dataMap

페이지 정보

작성자 GCK루시 작성일 21-07-23 10:43 댓글 0건

본문

안녕하세요 그레이프시티입니다.


문의 주신 내용과 관련하여 저희 쪽에서는 열의 editor 속성을 이용하여 combobox를 생성 후, selectiedIndexChanged 및 textChanged 이벤트를 발생시켰을 때, 외부 함수를 정상적으로 호출되며 동일한 이슈가 재현도지 않아 정확한 원인 파악이 어려운 상황이 있습니다. 아래 샘플을 전달 드리며 이슈가 지속적으로 발생 시, 샘플과 비교하여 원인이 되는 요소 또는 재현 및 디버깅할 수 있는 샘플을 공유 해주신다면 재현 및 디버깅 후, 문제 해결을 도와 드리도록 하겠습니다.




다른 궁금한 점이 생기면, 언제든 문의 주시기 바랍니다.


감사합니다. 

그레이프시티 드림 


* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.

댓글목록

등록된 댓글이 없습니다.

그레이프시티 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
그레이프시티 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@grapecity.com | 전화 : 1670-0583 | 경기도 안양시 동안구 시민대로 230, B-703(관양동, 아크로타워) 그레이프시티(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 Copyright ⓒ 2021 GrapeCity inc.