facebook поле комментариев в asp.net с использованием повторителя

Question

У меня есть ретранслятор, который имеет два столбца, в одном столбце содержится метка, а у другого есть текстовое поле.

введите данные в текстовое поле, которое оно должно показать как метку, и должно появиться другое текстовое поле в той же строке. Я получаю текстовое поле, но не могу сделать, как указано выше. Пожалуйста, помогите мне.

<asp:Repeater ID="RepDetails" runat="server" OnItemDataBound="RepDetails_ItemDataBound" > 
    <HeaderTemplate> 
     <table style="border: 0px solid #df5015; width: 100%"> 
      <tr style="background-color: White; color: White"> 
       <td colspan="2"> 
        <b>Atrributes</b> 
       </td> 
      </tr> 
    </HeaderTemplate> 
    <ItemTemplate> 
     <tr style="background-color: #EBEFF0; height: 50px;" > 
      <td > 
       <table style="background-color: #EBEFF0; border: 0px dotted #df5015; width: 100%; margin-bottom: 30px;"> 
        <tr style="height: 20px;"> 
         <td style="width: 30%"> 
          <asp:Label ID="lblAttributeName" runat="server" Text='<%#Eval("AttirbuteName") %>' Font-Bold="true" /></td> 
         <td id="textboxId" style="width: 70%"> 
          <asp:TextBox ID="txtAttributeNameDef" runat="server" ToolTip='<%#Eval("AttirbuteDefination") %>' Width="100%"></asp:TextBox> 
         </td> 
        </tr> 
       </table> 
      </td> 
     </tr> 
    </ItemTemplate> 
    <FooterTemplate> 
     </table> 
    </FooterTemplate> 
</asp:Repeater> 

Answer 1

можно сделать с помощью повторителя, как таким образом DEMO

<div class="detailBox"> 
    <div class="titleBox"> 
     <label>Comment Box</label> 
     <button type="button" class="close" aria-hidden="true">&times;</button> 
    </div> 
    <div class="commentBox"> 

     <p class="taskDescription">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> 
    </div> 

    <div class="actionBox"> 
     <asp:Repeater ID="RepDetails" runat="server" > 
      <ItemTemplate> 
     <ul class="commentList" id="listchat"> 
      <li> 
       <div class="commenterImage"> 
        <img src="http://lorempixel.com/50/50/people/6" /> 
       </div> 
       <div class="commentText"> 
        <p class="">Hello this is a test comment.</p> <span class="date sub-text">on March 5th, 2014</span> 

       </div> 
      </li> 

     </ul> 
       </ItemTemplate> 
      </asp:Repeater> 
     <div class="form-inline" role="form"> 
      <div class="form-group"> 
       <input class="form-control" type="text" id="txtcomment" placeholder="Your comments" /> 
      </div> 
      <div class="form-group"> 
       <button class="btn btn-default" id="postcomment">Add</button> 
      </div> 
     </div> 
    </div> 
</div>