Our blazing fast Grid component built with pure JavaScript


Post by anuradha.gopal »

Is the Row Expander feature limited to licensed version? We tried in both Vue 2 and Vue 3 and it is not working in trial license.


Post by tasnim »

Could you please provide us with a runnable test case so we can reproduce it and debug it?


Post by anuradha.gopal »

In the example projects provided by Bryntum, we have taken the vue-renderer project and modified the code as follows:

\grid-5.0.5-trial\examples\frameworks\vue\javascript\vue-renderer\src
AppConfig.js

Include RowExpander in features:

features : {
        // Enable the feature     
rowExpander : { columnPosition : 'last', triggerEvent : 'cellclick', renderer({ record }) { return `<div style="padding: 10px"><div style="font-weight: bold;margin-bottom:5px;">Introduction in Latin</div><div style="color:#555">${record.notes} ${record.notes}</div></div>`; } } }

We are getting the following error in console.
"Error: Feature 'rowExpander' not available, make sure you have imported it"
Attaching the error.

Attachments
error.JPG
error.JPG (157.6 KiB) Viewed 523 times

Post by marcio »

Hey anuradha.gopal,

Thanks for the steps to reproduce, it's a bug, I created a ticket to fix it https://github.com/bryntum/support/issues/5174

Best regards,
Márcio


Post by joakim.l »

Hi.

While waiting for the ticket to be fixed, you could do this steps to work around it:

  1. Use Grid version >= 5.1 as the RowExpander isn't included in older versions.
  2. The next error you will get is related to initial inline data.

Remove these two lines in AppConfig.js

import { DataGenerator } from '@bryntum/grid';
data: DataGenerator.generateData(50)

And add this import in App.vue

import { Toast, DataGenerator } from '@bryntum/grid';

And also add this code block

  mounted() {
    const grid = this.$refs.grid.instance.value;
    grid.store.data = DataGenerator.generateData(50);
  }

Regards
Joakim


Post by anuradha.gopal »

Thank you, Joakim, it is working now.


Post Reply