Question

我正在建立一个网站，我将在其中显示产品图片，产品名称和我sql database的一小部分产品说明文字。

我希望能够在点击产品名称时看到该产品的完整详细信息，我将如何进行此操作？

我不是要求免费代码或任何我想指向正确方向的东西。

当我将新产品添加到我的数据库产品表时，还应动态添加这些产品页面。

Answer 1

将产品详细信息放在Panel中，默认情况下将其可见状态设置为false。当用户单击图像/按钮/等等时，使用客户端代码显示产品详细信息面板。

这是一个快速而肮脏的例子：

<script type="text/javascript">
    showDetails = function(){
        var el = document.getElementById("productDetails");
        if (el){
            el.style.display = "block";   
        }
    }
</script>
<!-- here is the equivalent of your image -->
<input type="button" value="Show Details" id="btnShowDetails" onclick="showDetails();" />
<!-- here is the equivalent of a panel containing the product details -->
<div id="productDetails" style="display:none;">
    This is a cool product!
</div>

here是一个快速演示，因此您可以看到它正常工作。显然你的实现会更复杂，但这应该会让你朝着正确的方向前进。祝你好运！

Answer 2

对于要动态添加的产品页面，您可能正在寻找的是ASHX处理程序。您创建一个.aspx页面，它将在收到参数时一般显示给定产品的数据。然后ASHX处理程序的工作方式如下：它获取URL的相关部分，解析参数，将请求转发给给定页面，传递它提取的参数，最后服务于页面内容。这是处理程序提供的功能之一的非常肤浅的外观，实际上 - 但要看看它们。

如果您希望产品详细信息显示为用户当前正在浏览的网页元素，而不是将其重定向到新网页，则可以使用jQuery添加div（你可以把它看起来像气球或任何其他噱头）。在div内，您可以拥有iframe或panel，您可以动态提供有关该产品的数据。

Answer 3

如果我愿意这样做，我会通过路由阅读更多这里来做 http://msdn.microsoft.com/en-us/library/cc668201.ASPX

反过来看起来像这样

void Application_Start(object sender, EventArgs e)
{
 // Code that runs on application startup
  RouteTable.Routes.MapPageRoute("StoreRoute","Products/{ProductNumber}","~/Webpages/BookStore/ViewBookDemo.aspx");
} 

int productnumber = Convert.ToInt(Page.RouteData.Values["ProductNumber"]);

if (productnumber  != null)
{
    if (ProductNumber == 1)
    {
        Image1.ImageUrl = "~/images/css.jpg";
    }
    else if (productnumber == 2)
    {
        Image1.ImageUrl = "~/images/django.jpg";
    }
    else if (productnumber == 3)
    {
        Image1.ImageUrl = "~/images/iphone.jpg";
    }
    else if (productnumber  == 4)
    {
        Image1.ImageUrl = "~/images/Linq.jpg";
    }
  }         
}

显示点击的其他详细信息？

3 个答案: