Generate Report using JQuery.

Question

User-930371450 posted

Hi Team,

I developed  this screen using asp.net and c# with foreach loops, if modules and products are increasing then page is taking more than 10 minutes to load the screen.

Please help me how to implement this below screen using Jquery with json data.

Answer 1

User409696431 posted

You are asking us to be psychic.  We have no idea what source of data you are using, how that report is generated, or why it takes so long, or why you think it would be faster with javascript/ajax.

Why not start with the first step and see if your current approach can be improved.  In either event, you need to show us your code.

Answer 2

User281315223 posted

I developed  this screen using asp.net and c# with foreach loops, if modules and products are increasing then page is taking more than 10 minutes to load the screen.

It's very likely that you could optimize this, it may be worth sharing the code.

Please help me how to implement this below screen using Jquery with json data.

Imaging that you'd be outputting a table and have a JSON object, I'll assume you have a series of rows and columns. As you are outputting each row, you'll need to determine which of the items on your legend that you wish to assign to the given cell before it's pushed out. If you are going to be generating everything, then you just need to think about things as a doubly-nested loop, which will go over each row and column individually.

As it passes one, check the value and assign a CSS class to that cell (e.g. <td> element) that will handle coloring your cells appropriately.

Answer 3

User288213138 posted

Hi SSk_Nani,

I developed  this screen using asp.net and c# with foreach loops, if modules and products are increasing then page is taking more than 10 minutes to load the screen.

Please help me how to implement this below screen using Jquery with json data.

There are many reasons why pages load slowly. In order to debug this, open chrome developer tools with a network tab enabled and reload the page. See what requests go to the server and how you can minimize them. Then see where time was spent - on data transfer or on page generation.

Or you can show us your code.

Best regards,

Sam