Working sample to be able to integrate javascript components in svelte

[jose luis barajas]

Hi

I have a project that I want to do in svelte, and I need to integrate the grid, treegrid and more components, but I have no idea how to do it, could you please help me

Thanks in advance!

[Pon Selva Jeganathan]

Hi Jose,  

   

Thanks for contacting syncfusion forum. 

 

We are preparing a sample based on your requirement(integrate javascript components(grid,treegrid) in svelte) with high priority. We will update with further details on or before 30 September 2021. Meanwhile, please share the other component details that you use.

Until then we value your patience.

  

Regards, 

Pon selva 

[Pon Selva Jeganathan]

Hi Jose, 

Thanks for your patience. 

Based on your requirement, we created sample using svelte with TreeGrid component.  Please refer to the below sample, 

https://www.syncfusion.com/downloads/support/forum/169196/ze/svelte-project-426381296 

 

And We are preparing a sample based on your requirement(integrate javascript components(grid) in svelte) with high priority. We will update with further details by tomorrow( October 1^st 2021).

Until then we value your patience.

Regards,

Pon selva

[jose luis barajas]

Hi Pon Selva

Thanks for your kind reponse!

I am checking the source code, but I can´t find where datasource is?

dataSource:sampleData

<script>

export const tree = new ej.treegrid.TreeGrid({

        dataSource:sampleData,

        childMapping: 'subtasks',

        height: 450,

        allowPaging: true,

        pageSettings: { pageSize: 10 },

        treeColumnIndex: 1,

        columns: [

            { field: 'taskID', headerText: 'Task ID', width: 70, textAlign: 'Right' },

            { field: 'taskName', headerText: 'Task Name', width: 200, textAlign: 'Left' }

        ]

    });

   tree.appendTo("#TreeGrid");

</script>

I will be reviewing your sample code carefully

Thanks for your help!

[Pon Selva Jeganathan]

Hi Jose, 

Thanks for the update. 

Query: I am checking the source code, but I can´t find where datasource is?

We have referred the data source from the below link and this link referred in index.html page.

Data source link: "//ej2.syncfusion.com/javascript/demos/tree-grid/localdata/datasource.js”

Query: sample for grid component: 

As per your suggestion, we created sample using svelte with Grid component.  Please refer to the below sample,  

Sample: https://www.syncfusion.com/downloads/support/forum/169196/ze/1691961569520599.zip  

Screenshot:  

  

Kindly get back to us for further assistance. 

Regards,

Pon selva