VueJS CDN 방식의 VUE.JS 로딩시 이벤트 처리
페이지 정보
작성자 nice 작성일 2021-07-21 11:20 조회 3,981회 댓글 0건본문
관련링크
안녕하세요...
이전 질문에 대한 답변처리에 감사드립니다.
아래 cdn 방식으로 vue.js 사용시 그리드 적용처리 에 이어서 질문을 드리겠습니다.
일단 처리는 달아주신 답변에 대해서는 별 무리없이 처리를 하였습니다.
이후 이벤트처리에서 문제가 발생합니다.
--------------------------------------------------------------------------------------
JS =>
theOrdVueData = new Vue({
el: '#tbl_OrdMst_list'
, data: { aOrderList: data.aOrderList }
, methods: {
flexInitialized: function(flexgrid)
{
this.flex = flexgrid;
flexgrid.collectionView.currentChanged.addHandler ( this._updateCurrentInfo());
}
,
_updateCurrentInfo: function()
{
alert("여기는 오냐 _updateCurrentInfo ");
}
}
})
-----------------
html =>
<div id="tbl_OrdMst_list" class="container-fluid" >
<wj-flex-grid :items-source="aOrderList"
:initialized="flexInitialized"
:is-read-only="true"
selection-mode="Row"
show-selected-headers="Row"
headers-visibility="Column" >
<wj-flex-grid-column :header="'헤더1'" :binding="'qtoDate'" width="*" ></wj-flex-grid-column>
<wj-flex-grid-column :header="'헤더2'" :binding="'cstCode'" width="*" ></wj-flex-grid-column>
<wj-flex-grid-column :header="'헤더3'" :binding="'cstName'" width="2*" ></wj-flex-grid-column>
<wj-flex-grid-column :header="'헤더4'" :binding="'chk'" width="0.5*" ></wj-flex-grid-column>
<wj-flex-grid-column :header="'헤더5'" :binding="'ord'" width="0.5*" ></wj-flex-grid-column>
<wj-flex-grid-column :header="'헤더6'" :binding="'ship'" width="0.5*" ></wj-flex-grid-column>
</wj-flex-grid>
</div>
--------------------------------------------------------------------------------------
질문내용
1. 그리드 클릭 이벤트시 오류 발생 , 이벤트 처리는 어떻게 하는가요?
오류내용 => wijmo.min.js:14 Uncaught TypeError: Cannot read property 'call' of undefined
at Event.raise (wijmo.min.js:14)
at CollectionView.onCurrentChanged (wijmo.min.js:14)
at CollectionView.moveCurrentToPosition (wijmo.min.js:14)
at _SelectionHandler.select (wijmo.grid.min.js:14)
at FlexGrid.select (wijmo.grid.min.js:14)
at _MouseHandler._handleSelection (wijmo.grid.min.js:14)
at _MouseHandler._mouseSelect (wijmo.grid.min.js:14)
at _MouseHandler._mousedown (wijmo.grid.min.js:14)
at HTMLDivElement.<anonymous> (wijmo.grid.min.js:14)
Event.raise @ wijmo.min.js:14
CollectionView.onCurrentChanged @ wijmo.min.js:14
CollectionView.moveCurrentToPosition @ wijmo.min.js:14
_SelectionHandler.select @ wijmo.grid.min.js:14
FlexGrid.select @ wijmo.grid.min.js:14
_MouseHandler._handleSelection @ wijmo.grid.min.js:14
_MouseHandler._mouseSelect @ wijmo.grid.min.js:14
_MouseHandler._mousedown @ wijmo.grid.min.js:14
(anonymous) @ wijmo.grid.min.js:14
2. cdn 방식에서 npm에 사용한 property 사용시 명칭이 다른것 같습니다.
별도에 매뉴얼 자료가 있나요?
ex) cdn => <wj-flex-grid :items-source="aOrderList"
:initialized="flexInitialized"
:is-read-only="true"
selection-mode="Row" >
npm => <wj-flex-grid :items-source="data1"
:isReadOnly="true"
selectionMode="Row">
이상입니다.
감사힙니다.
댓글목록
등록된 댓글이 없습니다.