Our blazing fast Grid component built with pure JavaScript


Post by neetu@ciirus.com »

Hi team

I am trying to integrate export feature (excelExporter) in grid so for this I have downloaded zipcelx-1.2.0 folder from https://github.com/egeriis/zipcelx/releases/tag/v1.2.0
and then gave reference in my _Layout.cshtml view like this

<script src="@Url.Content("~/lib/zipcelx-1.2.0/src/zipcelx.js" + version)" type="module"></script>

but when I run the project its giving error

GET https://localhost:50561/lib/jszip/jszip net::ERR_ABORTED 404 (Not Found)
zipcelx.js:2 
       GET https://localhost:50561/lib/zipcelx-1.2.0/src/file-saver net::ERR_ABORTED 404 (Not Found)
zipcelx.js:4 GET https://localhost:50561/lib/zipcelx-1.2.0/src/validator net::ERR_ABORTED 404 (Not Found)
zipcelx.js:5   GET https://localhost:50561/lib/zipcelx-1.2.0/src/formatters/rows/generatorRows net::ERR_ABORTED 404 (Not Found)

and many more
So plz tell me how can I achieve this export functionality in my grid


Post by ghulam.ghous »

Hi,

We have a demo available for exportToExcel using zipcelx here https://bryntum.com/products/grid/examples/exporttoexcel/. Can you have a look at it? You can find it inside the examples/exportToExcel in the Grid sources that have downloaded.

Regards,
Ghous


Post by neetu@ciirus.com »

Hi,

Yes I checked the demo but I must tell you that all your demo are working on your site but when I try to integrate some features, I always face issue.
If you can pls provide me the codepen or something for working demo then it will be helpful.

I also want to know that how can I integrate client-side paging in the grid. I mean I am getting all my data(around 1000 rows) from api now I want to implement client-side paging in the grid for this


Post by mats »

Yes I checked the demo but I must tell you that all your demo are working on your site but when I try to integrate some features, I always face issue.

If you could describe a bit what's going wrong (error messages etc) we're happy to help

I also want to know that how can I integrate client-side paging in the grid. I mean I am getting all my data(around 1000 rows) from api now I want to implement client-side paging in the grid for this

Did you check https://bryntum.com/products/grid/examples/paged/ ?


Post by neetu@ciirus.com »

Hi,

Error is coming

AdvancedUnitSetup:1 Uncaught TypeError: Failed to resolve module specifier "jszip". Relative references must start with either "/", "./", or "../".

And if I made changes in zipcelx.js then I am getting lots of other error.

yes i checked that but I don't want to send page and pageSize parameter to api

store_paging.png
store_paging.png (11.61 KiB) Viewed 154 times

and If I am not sending these parameters then Its showing all records on first page and showing bbar like this

store_paging.png
store_paging.png (11.61 KiB) Viewed 154 times
Attachments
bbar.png
bbar.png (10.5 KiB) Viewed 154 times

Post by sergey.maltsev »

Hi!

Please always open a separate question on forum per each request you have to get faster help.
It is hard to track threads with multiple questions.

Regarding to zipcelx error:

404 error displays that your application can not reach zipcelx.js at the specified path.
Please check that you have configured import path correctly.

We used this github repo for our example.
https://github.com/egeriis/zipcelx/tree/master
Demo uses zipcelx.js file placed in the demo folder.
It is imported in index.html

<script src="zipcelx.js"></script>

It uses https://bryntum.com/products/grid/docs/api/Grid/feature/experimental/ExcelExporter Feature to process data. Check docs for the available options.

Online demo available here
https://bryntum.com/products/grid/examples/exporttoexcel/

You may download demo source code here and see how it works
https://bryntum.com/products/grid/docs/guide/Grid/download

Please attach runnable test case (app) to this question so we can check your code and help.

Regarding to paging support:

pageParamName or pageStartParamName config options are required for demo backend to process request and serve data chunks.
https://bryntum.com/products/grid/docs/guide/Grid/data/ajaxstore#paging-data

We have 2 php paging demos:

Our paged demo uses https://bryntum.com/products/grid/docs/api/Core/helper/AjaxHelper#function-mockUrl-static to mimic backend in the app.js.

Our php-paged demo uses PHP backend located in php demo folder for the backend. See README.md in demo folder for the details.

If you don't need a paging toolbar https://bryntum.com/products/grid/docs/api/Core/widget/PagingToolbar then remove this from Grid config:

bbar : {
        type : 'pagingtoolbar'
}

Online demos available here
https://bryntum.com/products/grid/examples/php-paged/
https://bryntum.com/products/grid/examples/paged/

You may download demo source code here and see how it works
https://bryntum.com/products/grid/docs/guide/Grid/download

Please create a separate question for paging problems with attached runnable test case (app) so we can check your code and help.


Post Reply