позиционирование кода сгенерированных элементов списка данных в пределах li

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 сообщения из моего блога.Но проблема в том, как заставить список данных выводить значения, чтобы они отображались в разделе каждой библиотеки?

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

Надеюсь, это поможет вам.

Answer 2

Приведенный ниже код захватит последние 4 сообщения из моего блога. Но Проблема в том, как я могу получить список данных для вывода значений, чтобы они показали в разделе каждого li?

Если вы хотите это сделать, вам нужно вывести сами элементы <li> из Datalist.

Что-то вроде:

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