Question

在我的ASP.NET 4.0应用程序中，我从WCF服务中收到一个名为GeneralQuestions的对象。我需要以下面显示的格式填充对象中的数据。

GenearlQuestions对象具有以下属性

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)

有人可以指导我如何使用JQuery实现这一目标。

Answer 1

我会调查jQuery Template。

它将'JSON'粘贴到模板中，例如，你的表：）。

Answer 2

我非常喜欢的另一种选择是ejs templates。它的语法更像服务器标签，而且我使用它更容易：）

Answer 3

仅使用jQuery，假设你的html中有<div id='formContainer'>：

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 ...

当然，这不是你问题的确切答案，但你明白了。

使用JQuery动态创建表并显示数据

3 个答案: