| M | Interview Today: I thought it was a simple question, but I couldn't do it. Very depressed, everyone analyzes

vincentngacn

After binding the order table (Figure 1)
 ------------------------------------------
｜ id ｜ name ｜ business results ｜ ｜
 ------------------------------------------
｜ 1 ｜ Xiao Zhang ｜ 100000 ｜ Details ｜
 ------------------------------------------
｜ 2 ｜ Xiao Wang ｜ 20000 ｜ Details ｜
 ------------------------------------------
｜ 3 ｜ Xiao Li ｜ 80000 ｜ Details ｜
 ------------------------------------------
The requirement is to click the detail to display the business details (orderview) of the current employee, such as clicking Xiao Wang (Figure 2)
 ------------------------------------------
｜ id ｜ name ｜ business results ｜
 ------------------------------------------
｜ 1 ｜ Xiao Zhang ｜ 100000 ｜ Details ｜
 ------------------------------------------
｜ 2 ｜ Xiao Wang ｜ 20000 ｜ Details ｜
 ------------------------------------------
｜ Software Engineering ｜ 06-01-12 ｜ 8000 ｜
 ------------------------------------------
｜ Website Development ｜ 06-11-10 ｜ 12000 ｜
 ------------------------------------------
｜ 3 ｜ Xiao Li ｜ 80000 ｜ Details ｜
 ------------------------------------------
-------------------------------------------------- -----------
Here's my approach:
I thought it would be OK to use a DataList to nest a GridView
But here comes the problem. Because each row in the DataList is a table, the table displayed after binding becomes messy, such as:
The code that originally required binding was
<table>
<tr>
  <td> 1 </ td> Xiao Zhang <td> 100000 </ td> <td> Details </ td>
</ tr>
....
</ table>
But after binding with DataList is
<table>
 <tr>
  <td>
    <table>
     <tr>
      <td> 1 </ td> Xiao Zhang <td> 100000 </ td> <td> Details </ td>
     </ tr>
   </ table>
  </ td>
 </ tr>
 ....
</ table>
This format causes data to be misaligned
There is no problem with the function of Figure 1 if it is bound with GridView
But I do n’t know how to implement the function of Figure 2.

How to solve this problem

shenmue024

Using repeater is more flexible.

cqgang

It is better to output the table tr td string by yourself

vincentngacn

RE: net_lover (【Mencius Chapter E】)
－－－－－－－－－－－－－－－－－
<div style = "width: 100%; padding: 2px; font-weight: bold; background-color: #DEDEDE;
              float: left ">
              <span style = "float: left"> Column name: <% # Eval ("Title")%> </ span> <span style = "float: right;
                color: Red; cursor: pointer "onclick =" ShowHidden ('<% # Eval ("id")%>', event) "> Hide </ span> </ div>
            <div style = "background-color: #FFF; padding-left: 60px; clear: both" id = "div <% # Eval (" id ")%>">
－－－－－－－－－－－－－－－－－－－－－
This is the display of what you said in the year ｜ id ｜ Name ｜ Total business performance ｜ ｜
Obviously yours is done with Div. For example, because you only have two columns, one left and one right, there will be no confusion if there are more
And mine is showing a field with a lot of records if you write like this
If there are many records, there will be confusion and not as neat as the binding with GridView

shenmue024

Wait a minute, I write.

5ge411

RE:cqgang(
I also thought about writing Table by myself, but it would be very troublesome to write if there are events in the line

shenmue024

if (e.Row.RowType == DataControlRowType.DataRow)
        {
            GridViewRow row = new GridViewRow (e.Row.RowIndex + 1, e.Row.RowIndex, DataControlRowType.DataRow, DataControlRowState.Normal);
            this.GridView1.Controls [0] .Controls.Add (row);
            row.Cells.Add (new TableCell ());
            row.Cells [0] .ColumnSpan = e.Row.Cells.Count;
            row.Cells [0] .Text = "<TABLE WIDTH = '100%'> <TR> <TD> AA </ TD> <TD> BB </ TD> <TD> CC </ TD> </ TR> </ TABLE> ";
            Response.Write (row.Cells.Count.ToString () + "**");
        }

shenmue024

This is just a simple one, where HTML is written directly, and no data is bound with controls.

shenmue024

There is no click event.

shenmue024

Wait for me to improve.