定位代碼生成的李內的DataList項目

Question

我的網站有以下幾點：

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

Answer 1

爲了得到純HTML結構，ASP：中繼器是最優選的。在中繼器中放置在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> 

希望這會幫助你。

Answer 2

下面的代碼將抓住從我的博客的最後4個員額。但是 的問題是我如何獲得dataalist輸出值，以便在每個li的部分顯示 ？

如果您想這樣做，您需要從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>