首页 > 解决方案 > 我想将产品从数据库添加到我的网页,但是在我已经拥有的自定义 div 中(ASP.NET)

问题描述

我有这个问题,我用 ASP.NET 创建了一个购物网站,但是我想当客户添加产品时,我希望该产品位于我创建的特殊 div 中,其中包含产品的图像和描述以及价格,当他们点击它时,他们会转到一个包含该产品所有信息的空白页面。

我不知道如何在 div 中显示数据库中的信息,我只在 gridview 中显示它,这就是我所知道的,而且当他们搜索产品时,我想要的结果将以相同的方式显示。

*****UPDATE*****
//this is what i tried for now but it didnt work it
 //This is my query  
SELECT img, Détails FROM Produit WHERE (id_Prod = @id_Prod).
//And this is what im trying now  
<asp:Repeater runat="server" ID="reptater">
<ItemTemplate<section<asp:HyperLinkID="HyperLink1"runat="server"NavigateUrl="~/Accueil.aspx"> <div class="gallery"><asp:Image ID="Image1" ImageUrl="<%#Eval("img") %>"runat="server"width="600"height="400"/>&nbsp;&nbsp;<div class="desc"><%#Eval("Détails") %></div> </div> </asp:HyperLink> </section></ItemTemplate></asp:Repeater>.
// c# : 
 reptater.DataSource = SqlDataSource1;
            reptater.DataBind();

标签: c#htmlcssasp.net

解决方案


在您更新到数据库的控制器中,您将返回一个带有模型的视图,该模型包含更新的项目列表。

public ActionResult AssignTask() 
{
    var model = db.Employees.Select(x => new EmployeeViewModel
    { 
        ID = x.id, 
        Name = x.Name
    }).ToList();

    return View(model);
}

你的新观点。

@model List<EmployeeViewModel>

<h2>AssignTask</h2>
<div class="row">
    <div class="form-group">
        <div style="overflow-y:scroll; overflow-x:hidden; height:400px;">
            @foreach (var item in Model)
            {
                <div class="col-lg-4 col-md-4">
                    <label>@item.Name</label>
                    <input type="checkbox" class="checkbox" name="SelectEmp" value="@item.ID" />
                </div>
            }
        </div>
    </div>
</div>

推荐阅读