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>

使用产品图像指向产品细节

2 个答案: