c# - 使用产品图片指向产品细节

Question

我正在尝试使用我之前创建的图像控件在单击图像时将图像定向到产品详细信息页面：

ProductDetail.aspx?ProductId={0} )

下面的代码就是我显示图像并将其绑定到我的图像控件的方式。这是我的 aspx.cs：

protected string GetProductImgUrl(int productId)
    {
        var sqlText = "SELECT pProductImage FROM Products WHERE pProductId = " + productId.ToString();
        using (var mDB = new OleDbConnection(ConfigurationManager.ConnectionStrings["AccessConnection"].ConnectionString))
        {
            mDB.Open();
            var cmd = new OleDbCommand(sqlText, mDB);
            using (var rdr = cmd.ExecuteReader())
            {
                if (rdr.Read())
                {
                    return ResolveUrl((rdr["pProductImage"]).ToString());
                }
            }
        }
        return ResolveUrl("~/images/NotAvailable.png");     // Not available image
    }

这是我的标记：

 <div class="imagesfloat" >
     <img width="100" height="100" src='<%= GetProductImgUrl(3) %>' alt="" />
 </div>

当我使用 gridview 控件从数据字段ProductId和 URL 格式字符串获取 URl 时，逻辑是相同的ProductDetail.aspx?ProductId={0}

但是，对于这种情况，我没有使用 GridView 控件。

Answer 1

只需将您的图像标签包装在锚标签中

 <div class="imagesfloat" >
     <a href="productdetails.aspx?productdetid=3">
        <img width="100" height="100" src='<%= GetProductImgUrl(3) %>' alt="" />
     </a>
 </div>

Answer 2

试试 JS onClick 和一个像这样的小重定向功能

<div class="imagesfloat" >
         <img width="100" height="100" onclick='goToProductPage(3);' src='<%= GetProductImgUrl(3) %>' alt="" />
</div>

还有一个JS函数

<script type="text/javascript">
function goToProductPage(prodId){
    window.location = "ProductDetail.aspx?ProductId="+prodId;
}
</script>