Vue2 wj-flex-grid CellFactory error on rendering a simple grid

Vue2 wj-flex-grid CellFactory error on rendering a simple grid

Posted by: cvalentin on 11 December 2020, 5:28 pm EST

• 

  cvalentin

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 11 December 2020, 5:28 pm EST

  I am trying to render a simple grid with simple data. Per your online documentation and other examples I have the following libraries included and registered in the project and loading on the website:

  • "

  • “wijmo.min.js = version 5.20202.699”

  • “wijmo.input.js = version 5.20202.699”

  • “wijmo.grid.min.js = version 5.20202.699”

  • “wijmo.vue2.min.js= version 5.20202.699”

  "

  The error on load

  vue-v2.6.12.js:637 [Vue warn]: Error in mounted hook: "** Assertion failed in Wijmo: function CellFactory(){} expected. Error
      at assert (https://localhost:44302/assets/scripts/lib/wijmo/wijmo.min.js:14:11450)
      at Object.asType (https://localhost:44302/assets/scripts/lib/wijmo/wijmo.min.js:14:12763)
      at FlexGrid.set [as cellFactory] (https://localhost:44302/assets/scripts/lib/wijmo/wijmo.grid.min.js:14:75024)
      at DirectiveCellFactoryBase [as constructor] (https://localhost:44302/assets/scripts/lib/wijmo/wijmo.vue2.min.js:14:1199)
      at new DirectiveCellFactory (https://localhost:44302/assets/scripts/lib/wijmo/wijmo.vue2.min.js:14:91266)
      at WjFlexGridBehavior._createControl (https://localhost:44302/assets/scripts/lib/wijmo/wijmo.vue2.min.js:14:87947)
      at WjFlexGridBehavior.WjComponentBehavior._prepareControl (https://localhost:44302/assets/scripts/lib/wijmo/wijmo.vue2.min.js:14:13311)
      at WjFlexGridBehavior.WjComponentBehavior.lhMounted (https://localhost:44302/assets/scripts/lib/wijmo/wijmo.vue2.min.js:14:11819)
      at VueComponent.mounted (https://localhost:44302/assets/scripts/lib/wijmo/wijmo.vue2.min.js:14:11097)
      at invokeWithErrorHandling (https://localhost:44302/assets/scripts/lib/vue/vue-v2.6.12.js:1868:65)"
  

  I included a screenshot of the full example and syntax of my implementation…I dont understand why this error is thrown on rendering before almost any code is executed. I have a breakpoint at the mounted function of the vue control which you can see that nothing else has executed in the javascript and this error is already in the console… any help is appreciated. Also note that I have other wijmo controls which are currently loaded and fully functional in the same page such as a wj-auto-complete control.

• 

  cvalentin

  • Post Options:
  • Link
    Copy

  Posted 11 December 2020, 5:29 pm EST - Updated 3 October 2022, 3:03 pm EST

  The picture did not upload with the original post, here it is

  

  1816×945 303 KB

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 16 December 2020, 5:15 pm EST

  Hi,

  Please refer to the following sample which demonstrates how to correctly use the flexgrid in vue2:
  
  https://codesandbox.io/s/wijmo-vue-forked-bfwpg?file=/src/components/HelloWorld.vue
  
  If the issue persists for you please share a small sample replicating the issue so that we could further investigate it and assist you accordingly.

  Regards
  
  Sharad