안녕하세요... 

 

이전 질문에 대한 답변처리에 감사드립니다.

아래 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"> 

이상입니다.

감사힙니다.