0

我有这个类 class="scrollContainer" 的父 div，我想在其中使用 asp.net 以编程方式添加像 panel_1 这样的子 div 我已经搜索了谷歌但没有得到任何地方

<div class="scrollContainer">
    <div class="panel" id="panel_1">
           <div class="inside">
              <img src="images/p1.jpg" alt="picture" />
               <h2>News Heading</h2><p>A very short excerpt goes here... <a href="#">more link</a></p>
            </div>
         </div>
</div>

谢谢

4

3 回答 3

1

如果您需要使用 ASP.NET 访问 HTML 元素，则必须将runat="server"属性添加到元素。然后，您可以使用其 ID 在服务器端代码中访问它，这将允许您添加子元素。有关更多信息，请参阅此答案：有没有办法可以制作 div runat 服务器？所以我可以把它变成一个控件？

例如：

<div id="scrollContainer" runat="server">

</div>
于 2013-06-16T04:06:59.670 回答
0

如果您可以使用脚本，您可以在 ASP.NET 页面中编写一个 VBScript，即：

<%
str = ""
i = 5
for 0 to i 
str = str & "<div>content</div>" & _
 Response.Write(str)
%>
于 2013-06-16T04:13:37.947 回答
0

你的要求不清楚。但据我了解，我认为您想动态生成产品列表或类似的东西..所以你用做它...我会放一个示例代码..参考它..

<div class="scrollContainer">
<ul>
    <asp:Repeater ID="list" runat="server" EnableViewState="false">
        <ItemTemplate>
        <li style="margin-bottom: 50px;width:100px;list-style:none;">
            <span class="bold">
                <a href='<%# Link.ToProduct(Eval("ItemID").ToString()) %>'>
                    <%# HttpUtility.HtmlEncode(Eval("ItemName").ToString()) %>
                </a>
            </span>

            <asp:HyperLink runat="server" ID="productLink"  
                NavigateUrl='<%# Link.ToProduct(Eval("ItemId").ToString()) %>'
                CssClass='thumb' 
                >
                <img src='<%# Link.ToProductImages(Eval("Image").ToString()) %>' 
                    alt='<%# HttpUtility.HtmlEncode(Eval("ItemName").ToString()) %>' 
                    class="thumb" width="100px" height="100px"/>
            </asp:HyperLink>
            <p class="bold colr">
                <%# Eval("price", "{0:c}") %>
            </p>
            <p style="text-align:center; height: 50px;">
                <%# HttpUtility.HtmlEncode(Eval("ShortDescription")) %>
                <a href="<%# Link.ToProduct(Eval("ItemId").ToString()) %>">more</a>
            </p>
        </li>
        </ItemTemplate>
    </asp:Repeater>
</ul>

于 2013-06-16T04:22:33.143 回答