Populate a client-side grid on page load

Question

0.00/5 (No votes)

See more:

Hi,

I have a custom control that implements the client side grid SlickGrid[^].

I want to populate the data on page load. I have several custom javascript functions that can do this so I just need to get the json object.

Do I have to 'fetch' this data on page load or can I write it in the page metadata somewhere? I toyed with the idea of just writing it line for line in dynamic js but it just looks bad :S

Thanks
Andy

PS: My boss said I should just use telerik kendo, but I fail to see the advantage.

UPDATE: There does not appear to be a way of preloading the datasource other than writing it onto the page. I'll have to stick with a web service.
Thanks to RyanDev.

UPDATE (again):
RyanDev came up with a good idea ^_^

Posted 22-Jul-15 23:29pm

Andy Lanng

Updated 23-Jul-15 5:26am

v3

Add a Solution

Comments

ZurdoDev 23-Jul-15 8:16am

I'm not sure what your question really is. Sure, you can get data in Page_Load.

Andy Lanng 23-Jul-15 8:53am

the grid is client-side. all in javascript.

I would rather build the json data object server-side and hand it to the client (somehow) to build the grid client-side that have a javascript function that fetches it on document.ready

ZurdoDev 23-Jul-15 8:55am

WebService then? Call it from document.ready.

Andy Lanng 23-Jul-15 10:20am

That's what I'm going with. I just hoped there was a way I could pre-load it before the document was ready.

If you can't think of an alternative, RyanDev, then I doubt there is one ^_^

Thanks

ZurdoDev 23-Jul-15 10:25am

Before document ready? You could in page load do the processing and put it into a hidden field that document.ready then uses.

Andy Lanng 23-Jul-15 10:28am

ooh - that could work.

I only ask because preparing the data takes a while (still seconds but too many of them). I'd rather do it early, like when the hub page (that uses these controls) loads. That way it'll be mostly ready by the time the grids get shown.

Praveen Kumar Upadhyay 23-Jul-15 10:33am

Why the question header starts with [Solved]?

Andy Lanng 23-Jul-15 11:26am

Look at the update in the question. Well, not now - I'll update it to reflect the solution below

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

ZurdoDev · Accepted Answer · 2015-07-23T04:34:00

As mentioned in the comments, you could load the data into a hidden field on the page in the Page_Load event. Then in the document.ready you can start using it right away.

However, this may give the impression that your page loads slowly. Many people do the opposite to have a more reactive page. They let the page load quickly and then do the processing in document.ready.

Clearly it's your choice of which way works best for you.