поле за коментари във 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 много ти благодаря, но добавянето трябва да добави горния панел\   -  person Santosh Pisipati    schedule 30.04.2015
comment
@user3588674, ако добавя коментар и щракна върху добавяне, това трябва да се добави към горния панел.   -  person Santosh Pisipati    schedule 30.04.2015
comment
Дадох ви дизайн, който не изпълнява код..   -  person sheshadri    schedule 30.04.2015
comment
@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 това трябва да се направи в repeatercontrol в реда   -  person Santosh Pisipati    schedule 30.04.2015

Отговори (1)


arrow_upward
0
arrow_downward

Можете да използвате повторител по този начин ДЕМО

<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