数据列表不显示项目 ASP.NET答案

【问题标题】：Datalist not displaying items ASP.NET数据列表不显示项目 ASP.NET
【发布时间】：2021-02-26 00:31:37
【问题描述】：

我对数据列表有一个严重的问题，我非常讨厌它。我有一个在表格中显示购物车项目的数据列表.. 基本正确吗？

当然可以，但不适用于数据列表！它像数据列表说我必须摧毁你。数据列表没有显示任何我应该显示的项目！

这里有一些截图可以让你理解我的问题。

所以基本上这些项目在 VS 中显示，但在 Web 应用程序中却没有。

请帮忙:(

代码如下：

<div class="container-sm cart-page">
    <table>
        <tr>
            <th>المنتج</th>
            <th>الكمية</th>
            <th>السعر الفرعي</th>
        </tr>
        <asp:DataList ID="DataList1" runat="server" RepeatColumns="1" RepeatLayout="Flow">
            <ItemTemplate>
                <tr>
                    <td>
                        <div class="cart-info">
                            <img src="http://bestjquery.com/tutorial/product-grid/demo8/images/img-1.jpg" alt="camera">
                            <div>
                                <p>Camera 211</p>
                                <small>السعر: 50 ر.س.</small>
                                <br>
                                <a href="#">حذف</a>
                            </div>
                        </div>
                    </td>
                    <td>
                        <input type="number" value="1" min="1" max="10"></td>
                    <td>50 ر.س.</td>
                </tr>
            </ItemTemplate>
        </asp:DataList>
    </table>
    <div class="total-price">
        <table>
            <tr>
                <td class="titles">السعر الفرعي</td>
                <td>150 ر.س.</td>
            </tr>
            <tr>
                <td class="titles">VAT</td>
                <td>22.50 ر.س.</td>
            </tr>
            <tr>
                <td class="titles">المجموع</td>
                <td>172.50 ر.س.</td>
            </tr>
            <tr>
                <td>
                    <a href="store.aspx">
                        <button type="submit" class="btn btn-primary btn-continue-shopping">إكمال التسوق</button>
                    </a>
                </td>
                <td>
                    <a href="checkout.aspx">
                        <button type="submit" class="btn btn-primary btn-checkout">إكمال الدفع</button>
                    </a>
                </td>
            </tr>
        </table>
    </div>
</div>

【问题讨论】：

有趣的事实：你不需要使用DataList - 你可以直接渲染项目。
您尚未发布任何代码显示您设置DataList1.DataSource 或调用DataBind()。
如果你还没有使用 datalist，我强烈建议你看看 jQuery Datatables...我目前正在使用它来渲染数据密集型应用程序中的网格和列表，它是优秀，免费使用。性能也令人印象深刻。网址是 datatables.net。
@DrunkenCodeMonkey jQuery（和 jQuery UI）需要消亡。它是古老的、未维护的和不必要的（只需谷歌“你不需要 jquery”）。无论如何，即使 OP 打算使用它而不是 <asp:DataList>，他们仍然需要首先将他们的数据呈现到页面，以便 jQuery 或其他任何东西访问它，他们目前没有这样做。
它没有那么旧（最后一次更新是在 9 个月前），但无论如何谁在乎呢？重要的是它运行良好，高度可定制，而且是免费的。要将数据加载到其中，您只需创建一个控制器方法并通过 ajax 绑定它......此外，除非您提供替代方案，否则您的评论对任何人都没有帮助......

标签： c# asp.net datalist

【解决方案1】：

您需要使用一些数据列表或表格设置DataSource 属性。

这里是 MSDN 文章的链接：https://docs.microsoft.com/en-us/dotnet/api/system.web.ui.webcontrols.basedatalist.datasource?view=netframework-4.8#System_Web_UI_WebControls_BaseDataList_DataSource

您的数据源是什么？你在使用数据库吗？

如果您没有数据库，您可以用 XML、JSON 或 CSV 模拟数据集，然后反序列化到您的代码中。

我相信你可以绑定任何实现IList的东西。

【讨论】：