Dyanamically create a table and display data using JQuery

Question

In my ASP.NET 4.0 application I recieve an object called GeneralQuestions from my WCF service. I need to populate the data from the object in the below shown format.

GenearlQuestions object has the following properties

OrderId
Header
QuestionContent

QuestionType (Based on this value I have to create a Dropdown or Radiobutton or Text box)

SubQuestions ( This is a property of type class which has OrderId, Header, QuestionContent, QuestionType properties. For example Question 15)

Can somebody guide me how can I accomplish this using JQuery.

Aidiakapi · Accepted Answer · 2012-01-11 23:25:46Z

1

I would look into jQuery Template.

It 'pastes' JSON into a template, like for example, your table :).

answered Jan 11, 2012 at 23:25

Aidiakapi

6,2694 gold badges36 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Skyrim · Accepted Answer · 2012-01-12 02:14:33Z

1

Another alternative which I really like is ejs templates. It has a syntax a lot more like server tags and it's a bit easier for me to use :)

answered Jan 12, 2012 at 2:14

Skyrim

8655 silver badges6 bronze badges

Comments

widyakumara · Accepted Answer · 2012-01-12 02:29:45Z

1

using only jQuery, assuming you have a <div id='formContainer'> in your html:

formContainer = $('#formContainer');

row = $('<div>', {'class':'formRow'}).appendTo(formContainer);
    $('<label>', {text:'Name', for:'inputName'}).appendTo(row);
    $('<input>', {type:'text', id:'inputName'}).appendTo(row);

row = $('<div>', {'class':'formRow'}).appendTo(formContainer);
    $('<label>', {text:'Password', for:'inputPassword'}).appendTo(row);
    $('<input>', {type:'password', id:'inputPassword'}).appendTo(row);

... and so on ...

Of course, this is not an exact answer to your question, but you get the idea.

answered Jan 12, 2012 at 2:29

widyakumara

1,2522 gold badges11 silver badges14 bronze badges

Collectives™ on Stack Overflow

Dyanamically create a table and display data using JQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related