Question

我正在寻找基于父母拥有的孩子数量来构建我的aspx页面的方法。

例如，父母1有2个孩子，他会得到2张图片，2次有关表格中每个孩子的详细信息。

父母已登录，我可以统计外键，所以我知道父母有多少孩子。

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

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

        <div id="myform">
          <div id="myDynamicTable">
            <input type="button" id="create" value="Click here" onclick="Javascript: addTable()">
            to create a Table and add some data using JavaScript
        </div>

</div>

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);

}

尽管这没有任何动态，只有在我点击按钮时才添加静态表。任何提示都非常受欢迎！

Answer 1

好的，我到目前为止

我可以根据父母1个孩子的数量动态添加表格，图片和按钮。

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

到目前为止，我不确定最好的方法是什么我试图通过List＆lt;“TKIN”＆gt;：

提取数据

功能：

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;

}

希望这会返回登录的父母的孩子以及我知道Id的地址。

ASPX.CS文件：

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
    {
    }
}

使用DataTable可能更好 how to

动态Aspx页面

1 个答案: