Javascript 动态Aspx页面

我正在寻找一种方法来建立我的aspx网页的基础上，一个家长的孩子计数

例如，家长1有两个孩子，他将在一张表格中得到两张图片和两倍于每个孩子的详细信息

父项已登录，我可以计算外键，因此我知道父项有多少子项

我不确定的是如何构建html，例如使用javascript。。。 我现在所拥有的： 我的aspx页面：

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<script type="text/javascript" src="<%= Page.ResolveUrl("~/styles/app.js")%>"></script>

使用JavaScript创建表并添加一些数据

app.js页面：

function addTable() {

var myTableDiv = document.getElementById("myDynamicTable");

var table = document.createElement('TABLE');
table.border = '1';

var tableBody = document.createElement('TBODY');
table.appendChild(tableBody);

for (var i = 0; i < 1; i++) {
    var tr = document.createElement('TR');
    tableBody.appendChild(tr);

    for (var j = 0; j < 1; j++) {
        var td = document.createElement('TD');
        td.width = '75';
        td.appendChild(document.createTextNode("Naam: "));

        tr.appendChild(td);
    }
    for (var j = 0; j < 1; j++) {
        var td = document.createElement('TD');
        td.width = '75';
        td.appendChild(document.createTextNode("Macharis "));

        tr.appendChild(td);
    }
}
for (var i = 0; i < 1; i++) {
    var tr = document.createElement('TR');
    tableBody.appendChild(tr);

    for (var j = 0; j < 1; j++) {
        var td = document.createElement('TD');
        td.width = '75';
        td.appendChild(document.createTextNode("Voornaam: "));

        tr.appendChild(td);
    }
    for (var j = 0; j < 1; j++) {
        var td = document.createElement('TD');
        td.width = '75';
        td.appendChild(document.createTextNode("Jos: "));

        tr.appendChild(td);
    }
}
for (var i = 0; i < 1; i++) {
    var tr = document.createElement('TR');
    tableBody.appendChild(tr);

    for (var j = 0; j < 1; j++) {
        var td = document.createElement('TD');
        td.width = '150';
        td.appendChild(document.createTextNode("Geboorte Datum: "));

        tr.appendChild(td);
    }
    for (var j = 0; j < 1; j++) {
        var td = document.createElement('TD');
        td.width = '150';
        td.appendChild(document.createTextNode("22/01/2005: "));

        tr.appendChild(td);
    }
}
myTableDiv.appendChild(table);

函数addTable（）{
var myTableDiv=document.getElementById（“myDynamicTable”）；
var table=document.createElement（'table'）；
table.border='1'；
var tableBody=document.createElement（'TBODY'）；
table.appendChild（表体）；
对于（变量i=0；i<1；i++）{
var tr=document.createElement（'tr'）；
tableBody.appendChild（tr）；
对于（var j=0；j<1；j++）{
var td=document.createElement（'td'）；
td.宽度='75'；
td.appendChild（document.createTextNode（“Naam:”）；
tr.appendChild（td）；
}
对于（var j=0；j<1；j++）{
var td=document.createElement（'td'）；
td.宽度='75'；
td.appendChild（document.createTextNode（“Macharis”）；
tr.appendChild（td）；
}
}
对于（变量i=0；i<1；i++）{
var tr=document.createElement（'tr'）；
tableBody.appendChild（tr）；
对于（var j=0；j<1；j++）{
var td=document.createElement（'td'）；
td.宽度='75'；
td.appendChild（document.createTextNode（“Voornaam:”）；
tr.appendChild（td）；
}
对于（var j=0；j<1；j++）{
var td=document.createElement（'td'）；
td.宽度='75'；
td.appendChild（document.createTextNode（“Jos:”）；
tr.appendChild（td）；
}
}
对于（变量i=0；i<1；i++）{
var tr=document.createElement（'tr'）；
tableBody.appendChild（tr）；
对于（var j=0；j<1；j++）{
var td=document.createElement（'td'）；
td.宽度='150'；
td.appendChild（document.createTextNode（“Geboorte数据”）；
tr.appendChild（td）；
}
对于（var j=0；j<1；j++）{
var td=document.createElement（'td'）；
td.宽度='150'；
td.appendChild（document.createTextNode（“22/01/2005:”）；
tr.appendChild（td）；
}
}
myTableDiv.appendChild（表）；

}

虽然这不做任何动态操作，但在我单击按钮时只添加一个静态表。 欢迎任何提示

好吧，我走了这么远

我能够根据父母有多少子女动态添加表格、图片和按钮

现在，我想从相应的表“TKIN”中获取所有这些孩子的信息。因此，我可以填写我的aspx页面上的相应字段

到目前为止，我不确定最好的方法是什么，但是 我正在尝试按列表提取数据：

职能：

public List<DAL.TKIN> GetAlleKinderen(int ouderid)
{
    var query = (from kindjes in dc.TKINs join x in dc.TOUD_KINs on kindjes.KindId equals x.fkKindId where x.fkOuderId == ouderid  select kindjes).ToList();
    return query;

}

也许最好使用DataTable

---

你能提供更多细节吗？你试过HTml和js代码吗？通过这种方式，我们可以更好地帮助您。看看这个，这只是基本的aspx web开发。不需要javascript。你真的需要展示你到目前为止做了什么。我更新了这个问题，尽管我不确定这是否是我想要的正确答案。

public List<DAL.TKIN> GetAlleKinderen(int ouderid)
{
    var query = (from kindjes in dc.TKINs join x in dc.TOUD_KINs on kindjes.KindId equals x.fkKindId where x.fkOuderId == ouderid  select kindjes).ToList();
    return query;

}

OuderDAL Ouder = new OuderDAL();
public int id;
public int Kindid;
public DAL.TKIN[] kindjes;
protected void Page_Load(object sender, EventArgs e)
{
   // string idkind = (string)Session["id"];
    //Label1.Text = idkind;
    if (!IsPostBack)
    {
        string naam = User.Identity.Name;
        // getting the name of the logged in user

        //Label1.Text = Convert.ToString(Ouder.getaantalkinderen(naam));
        this.id = Ouder.getaantalkinderen(naam);
        DataBind();
        // get the amount of children to dynamicly build my aspx page this parent has     //Id is a bad name convention

        DAL.TOUD parent;

        if (Ouder.GetCompleteOuder(out parent, naam))
        {
            kindjes = Ouder.GetAlleKinderen(parent.Ouderid).ToArray();
            //alert("1ste waarde: " +  kindjes.ElementAt(0));
            //Kindid = Convert.ToInt32(kindjes.ElementAt(0));
            //Label1.Text = Convert.ToString(kindjes[2]); --> I have no idea how to get the children out...


        }
        else
        {


        }



    }
    else
    {
    }
}