定位代码在li中生成数据列表项

本文关键字：数据 列表 代码 li 定位 | 更新日期: 2023-09-27 18:29:42

我的网站有以下内容：

<li class="tile lower-boxes icon_email" data-target-activation="click" data-target="news">
          <div>
            <h2>News 1       
            </h2><h3>24</h3>
          </div>
        </li>
          <li class="tile lower-boxes icon_email" data-target-activation="click" data-target="news">
          <div>
            <h2>News 2</h2><h3>24</h3>
          </div>
        </li>
          <li class="tile lower-boxes icon_email" data-target-activation="click" data-target="news">
          <div>
            <h2>News 3</h2><h3>24</h3>
          </div>
        </li>
             <li class="tile lower-boxes icon_email" style="width:23.6% !important" data-target-activation="click" data-target="news">
          <div>
            <h2>News 4</h2><h3>24</h3>
          </div>
        </li>

下面的代码将从我的博客中抓取最后4篇文章。但问题是，我如何让数据列表输出值，使它们显示在每个li的部分中？

    <form id="form1" runat="server">
    <div>
<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="http://www.website.co.uk/blog/syndication.axd"
            XPath="rss/channel/item [position()<=10]"></asp:XmlDataSource>
    </div>
        <asp:DataList ID="DataList1" runat="server" DataSourceID="XmlDataSource1" BackColor="White" BorderColor="#404040" BorderStyle="none" GridLines="Vertical">
            <ItemTemplate>
                <a href="<%#XPath("link")%>">
                    <%#XPath("title")%><br />
                </a>
            </ItemTemplate>
            <AlternatingItemStyle BackColor="CadetBlue" />
            <ItemStyle BackColor="transparent" ForeColor="transparent" />
            <HeaderStyle BackColor="#804040" ForeColor="White" Font-Bold="true" />
        </asp:DataList>
    </form>

定位代码在li中生成数据列表项

为了获得简单的HTML结构，asp:repeater是最可取的。在中继器中，您在ItemTemplate中放置的内容将作为输出，而不应用其他表或css。

下面使用中继器来达到同样的目的。

    <asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="http://www.website.co.uk/blog/syndication.axd"
    XPath="rss/channel/item [position()<=10]"></asp:XmlDataSource>
<asp:Repeater ID="rptNews" runat="server" DataSourceID="XmlDataSource1">
    <HeaderTemplate>
        <ul>
    </HeaderTemplate>
    <ItemTemplate>
        <li class="tile lower-boxes icon_email" data-target-activation="click" data-target="news">
            <div>
                <h2>
                    <a href="<%#XPath("link")%>">
                        <%#XPath("title")%><br />
                    </a>
                </h2>
                <h3>
                    <%#XPath("description")%></h3>
            </div>
        </li>
    </ItemTemplate>
    <FooterTemplate>
        </ul>
    </FooterTemplate>
    </asp:Repeater>

希望这对你有帮助。

下面的代码将从我的博客中抓取最后4篇文章。但是问题是如何让数据列表输出值，以便显示在每个李的部分？

如果要执行此操作，则需要从Datalist中输出<li>元素本身。

类似于：

<asp:DataList ID="DataList1" runat="server" DataSourceID="XmlDataSource1" BackColor="White" BorderColor="#404040" BorderStyle="none" GridLines="Vertical">
            <ItemTemplate>
                <li> <!-- added li-->
                   <a href="<%#XPath("link")%>">
                      <%#XPath("title")%><br />
                   </a>
                </li>
            </ItemTemplate>
            <AlternatingItemStyle BackColor="CadetBlue" />
            <ItemStyle BackColor="transparent" ForeColor="transparent" />
            <HeaderStyle BackColor="#804040" ForeColor="White" Font-Bold="true" />
        </asp:DataList>
相关文章：