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

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

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

 <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>

asp.net row repeater facebook-comments
person Santosh Pisipati    schedule 30.04.2015    source источник
comment
Непонятно, что вы спрашиваете.   -  person Rahul Singh    schedule 30.04.2015
comment
подскажите где непонятно   -  person Santosh Pisipati    schedule 30.04.2015
comment
У меня есть повторитель, который имеет два столбца, один столбец содержит метку, а другой - текстовое поле. при вводе данных в текстовое поле он должен отображаться как метка с введенными данными, и те же данные в текстовом поле должны очищаться. Я получаю текстовое поле, но не могу сделать, как сказано выше. Пожалуйста, помогите мне. То же самое, что и поле комментариев facebook   -  person Santosh Pisipati    schedule 30.04.2015
comment
codepen.io/magnus16/pen/buGiB см. это поле для комментариев   -  person sheshadri    schedule 30.04.2015
comment
@user3588674 user3588674 большое спасибо, но при добавлении он должен добавить панель выше\   -  person Santosh Pisipati    schedule 30.04.2015
comment
@user3588674 user3588674, если я добавлю комментарий и нажму «Добавить», он должен добавиться на панель выше.   -  person Santosh Pisipati    schedule 30.04.2015
comment
Я дал вам дизайн, не реализующий код.   -  person sheshadri    schedule 30.04.2015
comment
@user3588674 user3588674 мне нужен реализованный код или представление о том, как реализовать   -  person Santosh Pisipati    schedule 30.04.2015
comment
хорошо.. Сохраните значение текстового поля, затем отобразите его на панели комментариев... точно так же, как при загрузке сетки...   -  person sheshadri    schedule 30.04.2015
comment
jsfiddle.net/sheshu036/4ts8q95q/2 выполнено с использованием jquery..   -  person sheshadri    schedule 30.04.2015
comment
@user3588674 user3588674 это нужно сделать в Repeatercontrol в строке   -  person Santosh Pisipati    schedule 30.04.2015

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете использовать повторитель таким образом 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>
person sheshadri    schedule 30.04.2015
comment
хотя приведенный выше пример скрипки работает, комментарии теряются при обратной передаче, также все комментарии должны сохраняться в строке базы данных. - person Santosh Pisipati; 30.04.2015
comment
Чувак, тебе нужно привязать данные к повторителю, после этого только ты получишь результат... - person sheshadri; 30.04.2015