Настроить вывод HTML элемента управления DataList ASP.NET - PullRequest
Новая
       9

Настроить вывод HTML элемента управления DataList ASP.NET

0 голосов
/ 17 мая 2018

Как я могу сгенерировать выходные данные элемента управления DataList в следующем формате? 

<ul id="container">
    <li data-genre="cricket"> Cricket Sport </li>
    <li data-genre="boxing"> Boxing Sport </li>
    <li data-genre="Swimming"> Swimming Sport </li>
    <li data-genre="Kite"> Kite Sport </li>
</ul>

Почему мне нужно генерировать подобное, потому что мне нужно применить следующий плагин JQuery https://luis -almeida.github.io / filterrify / music.html

Ниже приведен код списка данных.Я перевожу этот объект List на стороне сервера 

<asp:DataList ID="dlSports" runat="server" RepeatColumns="6" CellSpacing="5" RepeatLayout="Table" >
<ItemTemplate>
       <image> Image will display here</image> 
       <span><%# Eval("SportName") %></span>
</ItemTemplate>                    
</asp:DataList>

Я использую DatList, потому что мне нужно отображать данные в табличной форме, как показано в https://luis -almeida.github.io / filrifrify / music.html .

------- РЕДАКТИРОВАНИЕ ----------- Вывод HTNL подобен этому. 

<table id="MainContent_dlSports" cellspacing="5" class="text-center" style="height:100%;width:100%;">
 <tr>
        <td>
                    <li>
                        <image> ....</image> 
                     <span>Cricket Sport</span>
                    </li>
                </td>
        <td>
                    <li>
                        <image> ....</image> 
                     <span>Boxing Sport</span>
                    </li>
                </td>
               <td>
                    <li>
                        <image> ....</image> 
                     <span>Swimming Sport</span>
                    </li>
                </td>
</tr>
          .......
          .......
          .......
</table>
...