使用C＃在ASP.NET中选择动态创建的表行

Question

I am writing a web application in Visual Studio 2015 pro using C# and ASP.NET. Right now, I have it set up where the user will click a button and the C# code will go get a bunch of data then display it back to the user in tables. I have spent a day of work trying to figure out how to add some form of a clickable event to the table rows but have had no success. Ultimately, what I want to do is call a method in my C# code when the table row is clicked and send it the row index.

Here is the C# code I am using for generating the tables:

    protected void searchButton_Click(object sender, EventArgs e)
    {
        try
        {
            // Remove the error display
            resultListLabel.Style.Add("Display", "None");

            // Get document groups 
            groups = TableCommands.getGroups(dbConn, "retriever", searchTextOne.Text, searchTextTwo.Text);

            foreach (var dataPair in groups)
            {                    
                // Get data pair group names into list
                List<string> name = dataPair.Key.Split('|').ToList();

                // ====== Make table
                Table resultTable = new Table();
                resultTable.Attributes["class"] = "displayTable";
                resultList.Controls.Add(resultTable);

                // ====== Add table info row
                TableRow groupInfo = new TableRow();
                groupInfo.Attributes["class"] = "groupInfoLabel";

                // add row to table
                resultTable.Rows.Add(groupInfo);                    

                // create cell with information
                TableCell infoCell = new TableCell();
                infoCell.Text = "MRN: "+name[0]+", Name: " + name[1];
                infoCell.ColumnSpan = 3;

                // add cell to row
                groupInfo.Cells.Add(infoCell);

                // ====== Make column label row
                TableRow labelRow = new TableRow();
                labelRow.Attributes["class"] = "columnLabel";

                // add row to table
                resultTable.Rows.Add(labelRow);

                // make an array of column lables
                string[] cellNames = new string[] { "Visit Date", "Document Type", "Doctor ID" };

                // add column lables to row
                foreach (string s in cellNames)
                {
                    TableCell labelCell = new TableCell();
                    labelCell.Text = s;
                    labelRow.Cells.Add(labelCell);
                }

                // Add display names to table
                foreach(var nameList in dataPair.Value)
                {
                    TableRow nameRow = new TableRow();
                    nameRow.Attributes["class"] = "columnInfo";


                    for (int i = 0; i < 3; i++)
                    {
                        TableCell nameCell = new TableCell();
                        nameCell.Text = nameList[i];
                        nameRow.Cells.Add(nameCell);
                    }
                    resultTable.Rows.Add(nameRow);
                }                    
            }       

        }
        catch(Exception ex)
        {
            // Display the error and write to log
            resultListLabel.Style.Add("Display", "Inline-Block");
            writeLog("Failed to generate tables", ex.ToString());
        }

    }

Answer 1

Here's what I had to do:

1. Add a global boolean to called tableCall to the C# code

2. Move the code in searchButton_Click into an if(tableCall) statement in the Page_Load method.

    protected void Page_Load(object sender ,EventArgs e){ ... if(tableCall){ //Do stuff from searchButton_Click } ... } 

3. Add tableCall = true; and Page_Load(sender, e) to searchButton_Click

4. Modify the for loop to add buttons in the cell like so: // Add display names to table foreach (var nameList in dataPair.Value) { TableRow nameRow = new TableRow(); nameRow.Attributes["class"] = "columnInfo";

    // Add display names to table foreach (var nameList in dataPair.Value) { TableRow nameRow = new TableRow(); nameRow.Attributes["class"] = "columnInfo"; for (int i = 0; i < 3; i++) { TableCell nameCell = new TableCell(); nameRow.Cells.Add(nameCell); Button b = new Button(); b.Attributes["class"] = "docButton"; b.Attributes.Add("DWdocid", nameList[3]); b.Text = nameList[i]; b.Click += new EventHandler((s, ea) => test(s, ea, b.Attributes["DWdocid"])); nameCell.Controls.Add(b); } resultTable.Rows.Add(nameRow); } 

This adds a button to each of the three cells in the row, but adds the same document id to each of the buttons in that row, so anywhere the user clicks on that row (except for the 1px borders) will call a method in the C# code while passing it the document ID. I'm sure that with better css skills somebody could make the button span all three cells.