How to maintain dynamic rows with data when click on Previous button?

Question

Hi,
I have 1 aspx page and divided into 3 pages using panels.Each panel has "Next" and Previous buttons
I have created and deleted dynamic table rows when click on Add button using javascript. whenever i click on Next button it will navigate to same page of next panel.
when i click on previous button then it goes to previous panel but whatever i have added dynamic table rows in 1st panel that got removed.
Can u please help me for how to maintain state of dynamic table rows with entered data when click on Previous button?
How to get dynamic table rows with entered data in previous panel when click on Previous button?
Please find the below javascript code:
function insertRow() {
if (index >= 2) {
document.getElementById('deleteRow').style.display = "inline";
else { document.getElementById('DeleteRow').style.display = "none"; }
var table = document.getElementById("myTable");
var row = table.insertRow(table.rows.length);
cell1 = row.insertCell(0);
t1 = document.createElement("select");
t1.options[t1.options.length] = new Option('--Select--', '0');
t1.id = "ddlYear" + index;
cell1.appendChild(t1);
for (var i = 1975; i <= 2015; i++) {
opt = document.createElement("option");
opt.value = i;
opt.text = i;
t1.add(opt);
t1.style.width = "155px";
var cell2 = row.insertCell(1);
t2 = document.createElement("Select");
t2.options[t2.options.length]=new Option('--Select--','0');
t2.options[t2.options.length]=new Option('State Board','1');
t2.options[t2.options.length]=new Option('CBSE','2');
t2.options[t2.options.length]=new Option('ICSE','3');
t2.options[t2.options.length] = new Option('Others', '4');
t2.style.width = "155px";
t2.id = "ddlCourse" + index;
cell2.appendChild(t2);
var cell3 = row.insertCell(2);
t3 = document.createElement("input");
t3.id = "txtCity" + index;
cell3.appendChild(t3);
var cell4 = row.insertCell(3);
t4 = document.createElement("input");
t4.id = "txtInstitute" + index;
cell4.appendChild(t4);
var cell5 = row.insertCell(4);
t5 = document.createElement("Select");
t5.options[t5.options.length] = new Option('--Select--', '0');
t5.options[t5.options.length] = new Option('English', '1');
t5.options[t5.options.length] = new Option('Hindi', '2');
t5.options[t5.options.length] = new Option('Telugu', '3');
t5.options[t5.options.length] = new Option('Others', '4');
t5.style.width = "155px";
t5.id = "ddlMedium" + index;
cell5.appendChild(t5);
var cell6 = row.insertCell(5);
t6 = document.createElement("input");
t6.id = "txtSpecialization" + index;
cell6.appendChild(t6);
var cell7 = row.insertCell(6);
t7 = document.createElement("input");
t7.id = "txtFnl" + index;
cell7.appendChild(t7);
index++;
function DeleteRow(index) {
var table = document.getElementById("myTable");
table.deleteRow(index);
// if (index = 2) { alert("There is no rows added.Please add the new row"); }
Design:
<tr style="font-size: 12pt" id="trSecond" runat="server">
<td colspan="3">
<table id="myTable" width="100%" border="0">
</table>
<tr>
<td colspan="3" align="right">
<input type="button" title="Add" value="Add" onclick="insertRow();" />
<input type="button" id="deleteRow" title="Delete" value="Delete Row" onclick="DeleteRow(this);" style="display:none" />
</td>
</tr>
Thank you.

Answer 1

Put the button click into an action listener and build the new frame there. The code I have below isn't exactly what you're doing (it's amazingly oversimplified), but it's probably similar enough to get your wheels turning in the right direction.
import java.awt.*;
import javax.swing.*;
import java.awt.event.*;
public class sample
     public static void main(String[] args)
          JFrame frame = new JFrame("Sample");
          frame.setSize(400,400);
          Container content = frame.getContentPane();
          content.setLayout(new FlowLayout());
          frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
          final JTextField text = new JTextField(10);
          content.add(text);
          JButton button = new JButton("Send");
          content.add(button);
          frame.setVisible(true);
          button.addActionListener(new ActionListener()
               public void actionPerformed(ActionEvent ae)
                    JFrame myframe = new JFrame("Results");
                    myframe.setSize(200,200);
                    Container mycontent = myframe.getContentPane();
                    mycontent.setLayout(new FlowLayout());
                    String mytext = text.getText();
                    JLabel label = new JLabel();
                    label.setText(String.valueOf(mytext));
                    mycontent.add(label);
                    myframe.setVisible(true);
}