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

Question

I have a serious problem with data list I HATE IT so much. I have a list of data that displays cart items in a table.. basic right?

Sure, but not for data list. its like data list says I MUST DESTROY YOU. The data list does not show any items that I should display!

Here are some screenshots that will let you understand my issue here.

So basically the items are displayed in VS, but in the web application it doesn't.

PLEASE HELP:(

Here is the code:

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

Answer 1

You need to set the DataSource property with some list or table of data.

Here is a link to the MSDN article: https://docs.microsoft.com/en-us/dotnet/api/system.web.ui.webcontrols.basedatalist.datasource?view=netframework-4.8#System_Web_UI_WebControls_BaseDataList_DataSource

What is your data source? Are you using a database?

If you do not have a database you can mockup a dataset in XML, JSON, or CSV and then deserialize into your code.

I believe that you can bind anything that implements IList .