Próbuję dodać kontrolki na stronie asp.net C#, gdy użytkownik kliknie na dodać kolejne. Używam tabeli i chcę dodać kontrolki do tej tabeli. Daj mi również znać, w jaki sposób otrzymam wartości kontrolne w kodzie, gdy jeden formularz zostanie przesłany na serwer.Dynamicznie dodawaj formanty javascript Asp.net C#
Oto przykład jQuery, mam nadzieję, że pomoże!
ASPX:
<head id="Head1" runat="server">
<title>Controls</title>
<script src="Scripts/jquery-1.7.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#btnAdd").click(function() {
var field = $("#field").val();
var input = "<input name='parameters' id='field' type='text' />";
var newRow = "<tr><td>" + field + "</td><td>" + input + "</td></tr>";
$('#controls').append(newRow);
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="field" type="text" />
<input id="btnAdd" type="button" value="Add" />
<table id="controls" cellpadding="10" cellspacing="10">
</table>
<asp:Button ID="btnProcess" runat="server" Text="Process" OnClick="Process" />
</div>
</form>
</body>
kod za
protected void Process(object sender, EventArgs e)
{
var parameters = Request.Form["parameters"];
if (parameters != null && parameters.Count() > 0)
{
//Now you have access to the textbox values,perform any additional processing
parameters.Split(',').ToList().
ForEach(p =>
{
Response.Write(p + "<br />");
});
}
}
A oto kolejny, jeśli chcesz zrobić wszystko na server.Problem z tego podejścia jest to, że podczas dodawania formantów dynamicznie znikają one z powrotem i musisz je odtworzyć ponownie w Page_Load, co spowoduje znaczące przetworzenie twojego serwera. Sugerowałbym trzymanie się opcja jQuery
ASPX:
<asp:TextBox ID="txtFieldName" runat="server"></asp:TextBox>
<asp:Button ID="btnAddControl" runat="server" Text="Add" OnClick="Add" />
<asp:Table EnableViewState="true" CellPadding="2" CellSpacing="2" BorderWidth="2" BorderStyle="Solid" GridLines="Both" ID="table"
runat="server">
<asp:TableHeaderRow>
<asp:TableHeaderCell Text="Field" />
<asp:TableHeaderCell Text="Value" />
</asp:TableHeaderRow>
</asp:Table>
<asp:Button ID="btnPost" runat="server" Text="Post" OnClick="Post" />
Kod za:
public List<string> rows = new List<string>();
protected void Page_Load(object sender, EventArgs e)
{
if (ViewState["Rows"] != null)
{
rows = (List<string>)ViewState["Rows"];
if (rows.Count > 0)
{
foreach (var row in rows)
{
TextBox textbox = new TextBox();
textbox.Width = 300;
table.Rows.Add(GetRow(row,textbox));
}
}
}
}
protected void Add(object sender, EventArgs e)
{
string row = txtFieldName.Text;
if (!String.IsNullOrEmpty(row))
{
rows.Add(txtFieldName.Text);
TextBox textbox = new TextBox();
textbox.Width = 300;
table.Rows.Add(GetRow(row, textbox));
ViewState["Rows"] = rows;
}
}
private TableRow GetRow(string text, WebControl txtName)
{
TableRow tr = new TableRow();
TableCell cell1 = new TableCell();
cell1.Text = text;
TableCell cell2 = new TableCell();
cell2.Controls.Add(txtName);
tr.Cells.Add(cell1);
tr.Cells.Add(cell2);
return tr;
}
protected void Post(object sender, EventArgs e)
{
if (table.Rows.Count > 0)
{
System.Diagnostics.Debugger.Break();
//i=1 because we want to skip the header row
for (int i = 1; i < table.Rows.Count; i++)
{
//Examine the values and do further processing...
string field = table.Rows[i].Cells[0].Text;
string value = ((TextBox)table.Rows[i].Cells[1].Controls[0]).Text;
}
}
}
Jeśli dodajesz dynamiczne kontrolki po stronie klienta, będą one w obiekcie Request.Form jako wartości. Możesz powtórzyć zawartość tej kolekcji. Należy pamiętać, że tabela musi być zawarta w elemencie formularza, w przeciwnym razie nie zostaną one opublikowane.
jest możliwe aby dodać za pośrednictwem serwera, ja kiedyś na stronie klienta. ale tutaj chcę zrobić na serveride, tak, że mogę uzyskać wszystkie wartości w kodzie be –
Tylko jako część repost, który jest clunky z IMHO perspektywy UI. Za pomocą formularza Request.Form * można * uzyskać wartości w kodzie źródłowym. –
Można użyć paneli aktualizacji, ale są one skutecznym repostowaniem i powodują wiele strat po stronie serwera. –