ایجاد سطر جدید به صورت انلاین [بایگانی]

mjt10063

جمعه 12 مهر 1392, 16:32 عصر

سلام دوستان خسته نباشید
تا حالا شده جای موقع ثبت نام مشخصات مثل مدرک تحصیلی دیده باشید
وقتی یه مدرک تحصیلی رو ثبت میکنید انتهای سطر یه دکمه (بعلاوه) داره که وقتی روش کلیک میکنید یه سطر دیگه تولید میشه و میتونید مشخصات مدرک تحصیلی دیگر خودتون رو توش بنویسید
مثلا سور اول مدرک لیسانس و سطر تا زه ساخته شده مدر فوق دیپلم و غیره

من
یه همچین صفحه ای دارم
و می خوام وقتی کاربر روی سطر جدید کلیک کرد سطر جدید ساخته باشه باید چه کار کنم کمکم کنید

خودم این کار به سرم زد ولی جواب نگرفتم اینم کدش

<table width="100%">
<tr>
<td colspan="8">اعلام ورود کشتی</td>
</tr>
<tr>
<td style="width:14%">نام کشتی</td>
<td style="width:14%">علامت خطاب</td>
<td style="width:14%">نمايندگی</td>
<td style="width:14%">محموله کشتی</td>
<td style="width:14%">وزن کل (تن)</td>
<td style="width:14%">تاريخ</td>
<td style="width:14%">ساعت</td>
<td></td>
</tr>

<tr>
<td style="width:14%"><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
<td style="width:14%"><asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td>
<td style="width:14%"><asp:TextBox ID="TextBox3" runat="server"></asp:TextBox></td>
<td style="width:14%"><asp:TextBox ID="TextBox4" runat="server"></asp:TextBox></td>
<td style="width:14%"><asp:TextBox ID="TextBox5" runat="server"></asp:TextBox></td>
<td style="width:14%"><asp:TextBox ID="TextBox6" runat="server"></asp:TextBox></td>
<td style="width:14%"><asp:TextBox ID="TextBox7" runat="server"></asp:TextBox></td>
<td><asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click">سطر جدید</asp:LinkButton></td>
</tr>
<tr>
<td style="width:14%"><asp:Panel ID="s1_tex1" runat="server"></asp:Panel></td>
<td style="width:14%"><asp:Panel ID="s1_tex2" runat="server"></asp:Panel></td>
<td style="width:14%"><asp:Panel ID="s1_tex3" runat="server"></asp:Panel></td>
<td style="width:14%"><asp:Panel ID="s1_tex4" runat="server"></asp:Panel></td>
<td style="width:14%"><asp:Panel ID="s1_tex5" runat="server"></asp:Panel></td>
<td style="width:14%"><asp:Panel ID="s1_tex6" runat="server"></asp:Panel></td>
<td style="width:14%"><asp:Panel ID="s1_tex7" runat="server"></asp:Panel></td>
<td><asp:Panel ID="s1_btn1" runat="server"></asp:Panel></td>
</tr>
</table>

روی داد لینک باتن

protected void LinkButton1_Click(object sender, EventArgs e)
{
int i = 1;//شمارش سطر
int j = 1;//شمارش دکمه
TextBox txt1 = new TextBox();
txt1.Text = "";
txt1.ID = "txt1_st1";
s1_tex1.Controls.Add(txt1);
i++;
TextBox txt2 = new TextBox();
txt2.Text = "";
txt2.ID = "txt2_st1";
s1_tex2.Controls.Add(txt2);
i++;
TextBox txt3 = new TextBox();
txt3.Text = "";
txt3.ID = "txt3_st1";
s1_tex3.Controls.Add(txt3);
i++;
TextBox txt4 = new TextBox();
txt4.Text = "";
txt4.ID = "txt4_st1";
s1_tex4.Controls.Add(txt4);
i++;
TextBox txt5 = new TextBox();
txt5.Text = "";
txt5.ID = "txt5_st1";
s1_tex5.Controls.Add(txt5);
i++;
TextBox txt6 = new TextBox();
txt6.Text = "";
txt6.ID = "txt6_st1";
s1_tex6.Controls.Add(txt6);
i++;
TextBox txt7 = new TextBox();
txt7.Text = "";
txt7.ID = "txt7_st1";
s1_tex7.Controls.Add(txt7);
i++;
LinkButton link_b = new LinkButton();
link_b.Text = "سطر بعدی";
link_b.ID = "link_b" + j.ToString();
link_b.Click += new EventHandler(this.link_b_click);
s1_btn1.Controls.Add(link_b);
j++;
}

و وقتی کاربر روی سطر جدید کلیک مکنه کار میکنه
ولی ادامه اش رو نمیدوتم باید چه کار کنم

خیلی ممنون میشم دوستان کمکم کنند
با تشکر

mahdioo12194

جمعه 12 مهر 1392, 16:55 عصر

با jquery باید انجام بدی اینجور که صفحه رفرش میشه؟!!

mjt10063

جمعه 12 مهر 1392, 16:59 عصر

منم میدونستم که کارم مورد داره میشه یه راهنمایی بفرمایید و بگید چطوری باید این کار انجام بدم
و یا بگید دنبال چی باید تو سایت ها بگردم تا به جواب برسم

mahdioo12194

جمعه 12 مهر 1392, 17:12 عصر

add row table with jquery یا add dynamic row to table یا موارد مشابه !!! یا سوالت رو تو تالار jquery مطرح کن!!

mjt10063

شنبه 13 مهر 1392, 11:31 صبح

دوست عزیز من این کد رو پیدا کردم ولی نمیدونم چطور اطلاعات رو ازش دریافت کنم و به بانک ارسال کنم

<head runat="server">
<title></title>

<SCRIPT language="javascript">
function addRow(tableID) {

var table = document.getElementById(tableID);

var rowCount = table.rows.length;
var row = table.insertRow(rowCount);

var colCount = table.rows[0].cells.length;

for (var i = 0; i < colCount; i++) {

var newcell = row.insertCell(i);

newcell.innerHTML = table.rows[0].cells[i].innerHTML;
//alert(newcell.childNodes);
switch (newcell.childNodes[0].type) {
case "text":
newcell.childNodes[0].value = "";
break;
}
}
}

</SCRIPT>
</head>
<body>
<form id="form1" method="post" runat="server">
<INPUT type="button" value="Add Row" onclick="addRow('dataTable')" />

<INPUT type="submit" value="Submit" onclick="" />
<TABLE id="dataTable" width="350px" border="1">
<TR>
<TD><INPUT type="text" name="txt"/></TD>
<TD><INPUT type="text" name="txt"/></TD>
<TD><INPUT type="text" name="txt"/></TD>
<TD><INPUT type="text" name="txt"/></TD>
<TD><INPUT type="text" name="txt"/></TD>
<TD><INPUT type="text" name="txt"/></TD>
<TD><INPUT type="text" name="txt"/></TD>
</TR>
</TABLE>

</form>

</body>

mjt10063

شنبه 13 مهر 1392, 16:37 عصر

بابا یکی به داد من برسه

من این کد رو یه کم درست کاری کردم و به این نقطه رسیدم
کد جاوا

<SCRIPT language="javascript">
function addRow(tableID) {

var table = document.getElementById(tableID);

var rowCount = table.rows.length;
var row = table.insertRow(rowCount);

var colCount = table.rows[0].cells.length;

for (var i = 0; i < colCount; i++) {

var newcell = row.insertCell(i);

newcell.innerHTML = table.rows[0].cells[i].innerHTML;
//alert(newcell.childNodes);
switch (newcell.childNodes[0].type) {
case "text":
newcell.childNodes[0].value = "";
break;
}
}
}

</SCRIPT>

و کد بادی

<table style="width:100%; border:1pt solid; border-collapse:separate">
<tr>
<td colspan="8">اعلام ورود کشتی</td>
</tr>
<tr>
<td style="width:14%">نام کشتی</td>
<td style="width:14%">علامت خطاب</td>
<td style="width:14%">نمايندگی</td>
<td style="width:14%">محموله کشتی</td>
<td style="width:14%">وزن کل (تن)</td>
<td style="width:14%">تاريخ</td>
<td style="width:14%">ساعت</td>
<td></td>
</tr>

<tbody id="dataTable">
<tr>
<td style="width:14%"><asp:TextBox type="text" ID="s1_t1" runat="server"></asp:TextBox></td>
<td style="width:14%"><asp:TextBox type="text" ID="s1_t2" runat="server"></asp:TextBox></td>
<td style="width:14%"><asp:TextBox type="text" ID="s1_t3" runat="server"></asp:TextBox></td>
<td style="width:14%"><asp:TextBox type="text" ID="s1_t4" runat="server"></asp:TextBox></td>
<td style="width:14%"><asp:TextBox type="text" ID="s1_t5" runat="server"></asp:TextBox></td>
<td style="width:14%"><asp:TextBox type="text" ID="s1_t6" runat="server"></asp:TextBox></td>
<td style="width:14%"><asp:TextBox type="text" ID="s1_t7" runat="server"></asp:TextBox></td>
<td><input type="button" value="Add Row" onclick="addRow('dataTable')" /></td>
</tr>
</tbody>

</table>

کد ارسال اطلاعات (ولی اینجا فقط میخوایم نمایش بدیم)

Label1.Text += s1_t1.Text + "<br / >";
Label1.Text += s1_t2.Text + "<br / >";
Label1.Text += s1_t3.Text + "<br / >";
Label1.Text += s1_t4.Text + "<br / >";
Label1.Text += s1_t5.Text + "<br / >";
Label1.Text += s1_t6.Text + "<br / >";
Label1.Text += s1_t7.Text + "<br / >";

چیزی که نمایش میده
(وقتی که دوتا سطر ایجاد کردیم)

1,8
2,9
3,10
4,11
5,12
6,13
7,14

سوال من
چطوری میشه این اطلاعات رو تفکیک کرد یعنی اطلاعات هر سطر جداگانه نمایش داده بشن

با تشکر

دوستان من وقت زیاد ندارم خواهشن کمکم کنید