How to create a link in ASP.Net's DataList?

M

Miguel Dias Moura

Hello,

I created a datalist in an ASP.Net / VB page.
I display the image and price of a few products.

When a user clicks an image I want to load the page
"detail.aspx?number=id" and send the value of the "id" field of that
record as a URL parameter.

Can someone tell me how to do this.

The code I have is as follows:

<form runat="server">
<asp:DataList id="dlCollection"
runat="server"
RepeatColumns="4"
RepeatDirection="Horizontal"
RepeatLayout="Table"
DataSource="<%# dsCollection.DefaultView %>" >
<HeaderTemplate></HeaderTemplate>
<ItemTemplate>
<table cellspacing="4" cellpadding="4" align="center">
<tr>
<td align="center"><img
src="images/content/collection/<%# dsCollection.FieldValue("imageSmall",
Container) %>" /> </td>
</tr>
<tr>
<td align="center" valign="top"
class="heading_11px_01"><%# dsCollection.FieldValue("price", Container)
%> </td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</form>

Thank You,
Miguel
 
K

Ken Cox [Microsoft MVP]

Hi Miguel,

The easiest way is to put the image inside a hyperlink control and set the
image name from the database. Check out the code below and let us know if it
helps?

Ken
Microsoft MVP [ASP.NET]


<asp:DataList id="dlCollection" runat="server">
<ItemTemplate>
&nbsp;
<asp:HyperLink id="HyperLink1" runat="server" NavigateUrl='<%#
"detail.aspx?number=" & DataBinder.Eval( Container.DataItem, "id") %>'>
<asp:Image id="Image1" runat="server" imageurl='<%#
DataBinder.Eval( Container.DataItem, "imageSmall") %>'></asp:Image>
</asp:HyperLink>
<asp:Label id="lblPrice" runat="server" ><%# DataBinder.Eval(
Container.DataItem, "price") %></asp:Label>
</ItemTemplate>
</asp:DataList>


Private Sub Page_Load _
(ByVal sender As System.Object, _
ByVal e As System.EventArgs) _
Handles MyBase.Load
dlCollection.DataSource = CreateDataSource()
dlCollection.DataBind()

End Sub
Function CreateDataSource() As DataTable
Dim dt As New DataTable
Dim dr As DataRow
dt.Columns.Add(New DataColumn _
("id", GetType(Int32)))
dt.Columns.Add(New DataColumn _
("imageSmall", GetType(String)))
dt.Columns.Add(New DataColumn _
("price", GetType(Double)))
dt.Columns.Add(New DataColumn _
("Boolean", GetType(Boolean)))
Dim i As Integer
For i = 0 To 8
dr = dt.NewRow()
dr(0) = i
dr(1) = "Item " + i.ToString()
dr(2) = 1.23 * (i + 1)
dr(3) = (i = 4)
dt.Rows.Add(dr)
Next i
Return dt
End Function 'CreateDataSource
 
M

Miguel Dias Moura

Hello,

I was trying your code but I wasn't able to make it work. This seems
really complicated and I am on this for days. Can you look at the code
of my page where everything is working but without the link and tell me
what should I do?

Here is the entire code (I know most of it is not important but I prefer
to send everything just to not miss something):

<%@ Page Language="VB" ContentType="text/html"
ResponseEncoding="iso-8859-1" %>
<%@ Register TagPrefix="MM" Namespace="DreamweaverCtrls"
Assembly="DreamweaverCtrls,version=1.0.0.0,publicKeyToken=836f606ede05d46a,culture=neutral"
%>
<MM:DataSet
id="dsArticleLeft"
runat="Server"
IsStoredProcedure="false"
ConnectionString='<%#
System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_STRING_connJaquelineRoxoAtelier")
%>'
DatabaseType='<%#
System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_DATABASETYPE_connJaquelineRoxoAtelier")
%>'
CommandText=' said:
</MM:DataSet>
Click to expand...
<MM:DataSet
id="dsArticleRight"
runat="Server"
IsStoredProcedure="false"
ConnectionString='<%#
System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_STRING_connJaquelineRoxoAtelier")
%>'
DatabaseType='<%#
System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_DATABASETYPE_connJaquelineRoxoAtelier")
%>'
CommandText=' said:
</MM:DataSet>
Click to expand...
<MM:DataSet
id="dsCollection"
runat="Server"
IsStoredProcedure="false"
ConnectionString='<%#
System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_STRING_connJaquelineRoxoAtelier")
%>'
DatabaseType='<%#
System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_DATABASETYPE_connJaquelineRoxoAtelier")
%>'
CommandText='<%# "SELECT * FROM collection ORDER BY reference DESC" %>'
CurrentPage='<%# IIf((Request.QueryString("dsCollection_CurrentPage") <>
Nothing), Request.QueryString("dsCollection_CurrentPage"), 0) %>'
PageSize="12"
Debug="true"
</MM:DataSet>
Click to expand...
<MM:pageBind runat="server" PostBackBind="true" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin
template="/Templates/basic.dwt.aspx" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Jaqueline Roxo - Atelier de Moda em Peles de Pelo</title>
<!-- InstanceEndEditable --><link href="css/styles.css" rel="stylesheet"
type="text/css" />
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++)
x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image;
d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}

function P7_autoLayers() { //v1.4 by PVII
var
g,b,k,f,args=P7_autoLayers.arguments;a=parseInt(args[0]);if(isNaN(a))a=0;
if(!document.p7setc){p7c=new Array();document.p7setc=true;for(var
u=0;u<10;u++){
p7c=new
Array();}}for(k=0;k<p7c[a].length;k++){if((g=MM_findObj(p7c[a][k]))!=null){

b=(document.layers)?g:g.style;b.visibility="hidden";}}for(k=1;k<args.length;k++){

if((g=MM_findObj(args[k]))!=null){b=(document.layers)?g:g.style;b.visibility="visible";f=false;
for(var j=0;j<p7c[a].length;j++){if(args[k]==p7c[a][j]) {f=true;}}
if(!f){p7c[a][p7c[a].length++]=args[k];}}}
}
//-->
</script>
<meta name="title" content="Jaqueline Roxo - Atelier de Moda em Peles de
Pelo" />
<meta name="description" content="Atelier situado em Lisboa. Somos
especializados em peles de pelo, comercializamos, produzimos e
modificamos qualquer artigo em Pelo." />
<meta name="keywords" content="peles,pelo,moda,lisboa"/>
<meta name="language" content="Portuguese" />
<meta name="author" content="27 Lamps" />
<meta name="copyright" content="2004 Jaqueline Roxo Atelier" />
<meta name="reply-to" content="(e-mail address removed)" />
<meta name="document-classification" content="Fashion" />
<meta name="document-type" content="Web Page" />
<meta name="document-rating" content="Safe for Kids" />
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if
((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH)
location.reload();
}
MM_reloadPage(true);

function P7_Snap() { //v2.65 by PVII
var
x,y,ox,bx,oy,p,tx,a,b,k,d,da,e,el,tw,q0,xx,yy,w1,pa='px',args=P7_Snap.arguments;a=parseInt(a);
if(document.layers||window.opera){pa='';}for(k=0;k<(args.length);k+=4){
if((g=MM_findObj(args[k]))!=null){if((el=MM_findObj(args[k+1]))!=null){

a=parseInt(args[k+2]);b=parseInt(args[k+3]);x=0;y=0;ox=0;oy=0;p="";tx=1;
da="document.all['"+args[k]+"']";if(document.getElementById){
d="document.getElementsByName('"+args[k]+"')[0]";if(!eval(d)){
d="document.getElementById('"+args[k]+"')";if(!eval(d)){d=da;}}
}else
if(document.all){d=da;}if(document.all||document.getElementById){while(tx==1){

p+=".offsetParent";if(eval(d+p)){x+=parseInt(eval(d+p+".offsetLeft"));y+=parseInt(eval(d+p+".offsetTop"));

}else{tx=0;}}ox=parseInt(g.offsetLeft);oy=parseInt(g.offsetTop);tw=x+ox+y+oy;
if(tw==0||(navigator.appVersion.indexOf("MSIE
4")>-1&&navigator.appVersion.indexOf("Mac")>-1)){

ox=0;oy=0;if(g.style.left){x=parseInt(g.style.left);y=parseInt(g.style.top);}else{

w1=parseInt(el.style.width);bx=(a<0)?-5-w1:-10;a=(Math.abs(a)<1000)?0:a;b=(Math.abs(b)<1000)?0:b;

x=document.body.scrollLeft+event.clientX+bx;y=document.body.scrollTop+event.clientY;}}
}else if(document.layers){x=g.x;y=g.y;q0=document.layers,dd="";for(var
s=0;s<q0.length;s++){

dd='document.'+q0.name;if(eval(dd+'.document.'+args[k])){x+=eval(dd+'.left');y+=eval(dd+'.top');

break;}}}e=(document.layers)?el:el.style;xx=parseInt(x+ox+a),yy=parseInt(y+oy+b);
if(navigator.appVersion.indexOf("MSIE 5")>-1 &&
navigator.appVersion.indexOf("Mac")>-1){

xx+=parseInt(document.body.leftMargin);yy+=parseInt(document.body.topMargin);}
e.left=xx+pa;e.top=yy+pa;}}}
}

function P7_hideEl(evt) { //v1.5 by PVII-www.projectseven.com
var b,r,m=false;if(document.layers){b=evt.target;if(b.p7aHide){
b.visibility="hidden";}else{routeEvent(evt);}
}else if(document.all&&!window.opera){b=event.srcElement;while(b){

if(b.p7aHide){break;}b=b.parentElement;}if(!b.contains(event.toElement)){
b.style.visibility="hidden";}}else if(document.getElementById){
b=evt.currentTarget;r=evt.relatedTarget;while(r){if(b==r){m=true;
break;}r=r.parentNode;}if(!m){b.style.visibility="hidden";}}
}

function P7_autoHide() { //v1.5 by PVII-www.projectseven.com
var i,g;for(i=0;i<arguments.length;i++){

if((g=MM_findObj(arguments))!=null){g.p7aHide=true;if(document.layers){
g.captureEvents(Event.MOUSEOUT);}g.onmouseout=P7_hideEl;}}
}
//-->
</script>
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
</head><body
onload="MM_preloadImages('images/design/button-coleccao-over.gif','images/button-servicos.over.gif','images/design/button-atelier-over.gif','images/design/button-luxus-over.gif','images/design/button-contactos-over.gif','images/design/button-home-over.gif','images/design/button-servicos-over.gif');P7_autoHide('submenu')">
<div id="submenu">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="coleccao-filter.aspx?type=astracan"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('astracan','','images/design/button-astracan-over.gif',1)"><img
src="images/design/button-astracan.gif" alt="astracan" name="astracan"
width="100" height="20" border="0" id="astracan" /></a></td>
</tr>
<tr>
<td><a href="coleccao-filter.aspx?type=castor"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('castor','','images/design/button-castor-over.gif',1)"><img
src="images/design/button-castor.gif" alt="castor" name="castor"
width="100" height="20" border="0" id="castor" /></a></td>
</tr>
<tr>
<td><a href="coleccao-filter.aspx?type=chinchila"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('chinchila','','images/design/button-chinchila-over.gif',1)"><img
src="images/design/button-chinchila.gif" alt="chinchila"
name="chinchila" width="100" height="20" border="0" id="chinchila"
/></a></td>
</tr>
<tr>
<td><a href="coleccao-filter.aspx?type=lapin"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('lapin','','images/design/button-lapin-over.gif',1)"><img
src="images/design/button-lapin.gif" alt="lapin" name="lapin"
width="100" height="20" border="0" id="lapin" /></a></td>
</tr>
<tr>
<td><a href="coleccao-filter.aspx?type=opossuma"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('opossuma','','images/design/button-opossuma-over.gif',1)"><img
src="images/design/button-opossuma.gif" alt="opossuma" name="opossuma"
width="100" height="20" border="0" id="opossuma" /></a></td>
</tr>
<tr>
<td><a href="coleccao-filter.aspx?type=raposa"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('raposa','','images/design/button-raposa-over.gif',1)"><img
src="images/design/button-raposa.gif" alt="raposa" name="raposa"
width="100" height="20" border="0" id="raposa" /></a></td>
</tr>
<tr>
<td><a href="coleccao-filter.aspx?type=vison"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('vison','','images/design/button-vison-over.gif',1)"><img
src="images/design/button-vison.gif" alt="vison" name="vison"
width="100" height="20" border="0" id="vison" /></a></td>
</tr>
</table>
</div>
<div id="wrapper">
<div id="header"><img src="images/design/logo-jratelier.jpg" width="680"
height="55" border="0" onmouseover="P7_autoLayers(0)" /></div>
<!-- InstanceBeginEditable name="menu" -->
<div id="menu"><a href="index.aspx" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('home','','images/design/button-home-over.gif',1)"><img
src="images/design/button-home.gif" alt="home" name="home" width="52"
height="20" border="0" id="home" onmouseover="P7_autoLayers(0)" /></a><a
href="coleccao.aspx"
onmouseover="P7_autoLayers(0,'submenu');MM_swapImage('coleccao','','images/design/button-coleccao-over.gif',1);P7_Snap('coleccao','submenu',0,21)"
onmouseout="MM_swapImgRestore()"><img
src="images/design/button-coleccao-hit.gif" alt="colecção"
name="coleccao" width="72" height="20" border="0" id="coleccao" /></a><a
href="servicos.aspx"
onmouseover="MM_swapImage('servicos','','images/design/button-servicos-over.gif',1);P7_autoLayers(0)"
onmouseout="MM_swapImgRestore()"><img
src="images/design/button-servicos.gif" alt="serviços" name="servicos"
width="70" height="20" border="0" id="servicos" /></a><a
href="atelier.aspx" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('atelier','','images/design/button-atelier-over.gif',1)"><img
src="images/design/button-atelier.gif" alt="atelier" name="atelier"
width="59" height="20" border="0" id="atelier" /></a><a
href="luxus.aspx" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('luxos','','images/design/button-luxus-over.gif',1)"><img
src="images/design/button-luxus.gif" alt="luxo's" name="luxos"
width="54" height="20" border="0" id="luxos" /></a><a
href="contactos.aspx" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('contactos','','images/design/button-contactos-over.gif',1)"><img
src="images/design/button-contactos.gif" alt="contactos"
name="contactos" width="80" height="20" border="0" id="contactos"
/></a></div>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="content"
-->
<div id="content">
<table width="675" border="0" cellpadding="4" cellspacing="2">
<tr>
<td align="center"><p><img
src="images/content/coleccao20042005.gif" width="321" height="25"
/></p></td>
</tr>
</table>
<table width="675" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top"><table width="660" border="0"
cellpadding="2" cellspacing="2" class="bottomBorder_CCCCCC">
<tr>
<td align="left"><div align="justify"><span
class="text_11px_01">Din&acirc;mica e sens&iacute;vel, esta
colec&ccedil;&atilde;o define um estilo urbano mas elegante.
Pr&aacute;tica para um uso di&aacute;rio e sofisticada para momentos
especiais. &Eacute; a arte do camale&atilde;o consoante a altura do dia:
inspiradora e audaz pela manh&atilde;, elegante e sofisticada &aacute;
noite as peles pela sua qualidade e desing ajustam-se perfeitamente a
qualquer ocasi&atilde;o.</span></div></td>
</tr>
</table> </td>
</tr>
</table>
<table border="0" cellpadding="2" cellspacing="5" align="center"
valign="top">
<tr>
<td align="left" valign="top"><p class="text_11px_01">
<form runat="server">
<asp:DataList id="dlCollection"
runat="server"
RepeatColumns="4"
RepeatDirection="Horizontal"
RepeatLayout="Table"
DataSource="<%# dsCollection.DefaultView %>" >
<HeaderTemplate></HeaderTemplate>
<ItemTemplate>
<table cellspacing="4" cellpadding="4" align="center">
<tr>
<td align="center"><img
src="images/content/collection/<%# dsCollection.FieldValue("imageSmall",
Container) %>" /> </td>
</tr>
<tr>
<td align="center" valign="top"
class="heading_11px_01"><%# dsCollection.FieldValue("price", Container)
%> </td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</form>
</p></td>
</tr>
</table>
<table width="675" border="0" cellpadding="0" cellspacing="0"
class="heading_11px_01">
<tr>
<td align="center" valign="top"><table width="660" border="0"
cellpadding="4" cellspacing="2" class="topBorder_CCCCCC">
<tr>
<td align="center" valign="middle"><div
align="justify"></div>
<MM:If runat="server" Expression='<%#
(dsCollection.CurrentPage <> 0) %>'>
<ContentsTemplate><a href="<%#
Request.ServerVariables("SCRIPT_NAME") %>?dsCollection_currentPage=<%#
Math.Max(dsCollection.CurrentPage - 1, 0)
%>">Anterior</a></ContentsTemplate>
</MM:If>
&nbsp;&nbsp;|&nbsp;<%= IIf((dsCollection.RecordCount =
0), 0, (dsCollection.StartRecord + 1)) %>..<%= dsCollection.EndRecord
%>&nbsp;de <%= dsCollection.RecordCount %>&nbsp;|&nbsp;&nbsp;
<MM:If runat="server" Expression='<%#
(dsCollection.CurrentPage < dsCollection.LastPage) %>'>
<ContentsTemplate><a href="<%#
Request.ServerVariables("SCRIPT_NAME") %>?dsCollection_currentPage=<%#
Math.Min(dsCollection.CurrentPage + 1, dsCollection.LastPage)
%>">Seguinte</a></ContentsTemplate>
</MM:If></td>
</tr>
</table></td>
</tr>
</table>
</div>
<!-- InstanceEndEditable -->
<div id="articles">
<table width="670px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="335" align="left" valign="top"><table border="0"
cellspacing="0" cellpadding="3">
<tr>
<td align="left" valign="top"><img src='images/content/<%#
dsArticleLeft.FieldValue("image", Container) %>' /></td>
<td align="left" valign="top"><table border="0"
cellspacing="0" cellpadding="0">
<tr>
<td class="heading_12px_02"><%#
dsArticleLeft.FieldValue("title", Container) %></td>
</tr>
</table>
<table width="240" border="0" cellspacing="0"
cellpadding="1">
<tr>
<td class="text_11px_02"><div align="left"><%#
dsArticleLeft.FieldValue("description", Container) %></div></td>
</tr>
</table>
<table width="220" border="0" cellpadding="2"
cellspacing="0">
<tr>
<td class="text_11px_02"><div align="right"><%#
DateTime.Parse(dsArticleLeft.FieldValue("date",
Container)).ToString("dd-MM-yyyy") %></div></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="335" align="left" valign="top"><table border="0"
cellspacing="0" cellpadding="3">
<tr>
<td align="left" valign="top"><img src='images/content/<%#
dsArticleRight.FieldValue("image", Container) %>' /></td>
<td align="left" valign="top"><table border="0"
cellspacing="0" cellpadding="0">
<tr>
<td class="heading_12px_02"><%#
dsArticleRight.FieldValue("title", Container) %></td>
</tr>
</table>
<table width="240" border="0" cellspacing="0"
cellpadding="1">
<tr>
<td class="text_11px_02"><div align="left"><%#
dsArticleRight.FieldValue("description", Container) %></div></td>
</tr>
</table>
<table width="220" border="0" cellpadding="2"
cellspacing="0">
<tr>
<td class="text_11px_02"><div align="right"><%#
DateTime.Parse(dsArticleRight.FieldValue("date",
Container)).ToString("dd-MM-yyyy") %></div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="footer">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" class="text_11px_03">&copy; 2004 Jaqueline
Roxo Atelier, todos os direitos reservados </td>
</tr>
</table>
</div>
</div>
</body>

Thank You,
Miguel


Ken Cox said:
Hi Miguel,

The easiest way is to put the image inside a hyperlink control and set the

image name from the database. Check out the code below and let us know if
it
helps?

Ken
Microsoft MVP [ASP.NET]


<asp:DataList id="dlCollection" runat="server">
<ItemTemplate>
&nbsp;
<asp:HyperLink id="HyperLink1" runat="server" NavigateUrl='<%#
"detail.aspx?number=" & DataBinder.Eval( Container.DataItem, "id") %>'>
<asp:Image id="Image1" runat="server" imageurl='<%#
DataBinder.Eval( Container.DataItem, "imageSmall") %>'></asp:Image>
</asp:HyperLink>
<asp:Label id="lblPrice" runat="server" ><%# DataBinder.Eval(
Container.DataItem, "price") %></asp:Label>
</ItemTemplate>
</asp:DataList>


Private Sub Page_Load _
(ByVal sender As System.Object, _
ByVal e As System.EventArgs) _
Handles MyBase.Load
dlCollection.DataSource = CreateDataSource()
dlCollection.DataBind()

End Sub
Function CreateDataSource() As DataTable
Dim dt As New DataTable
Dim dr As DataRow
dt.Columns.Add(New DataColumn _
("id", GetType(Int32)))
dt.Columns.Add(New DataColumn _
("imageSmall", GetType(String)))
dt.Columns.Add(New DataColumn _
("price", GetType(Double)))
dt.Columns.Add(New DataColumn _
("Boolean", GetType(Boolean)))
Dim i As Integer
For i = 0 To 8
dr = dt.NewRow()
dr(0) = i
dr(1) = "Item " + i.ToString()
dr(2) = 1.23 * (i + 1)
dr(3) = (i = 4)
dt.Rows.Add(dr)
Next i
Return dt
End Function 'CreateDataSource



Hello,

I created a datalist in an ASP.Net / VB page.
I display the image and price of a few products.

When a user clicks an image I want to load the page
"detail.aspx?number=id" and send the value of the "id" field of that
record as a URL parameter.

Can someone tell me how to do this.

The code I have is as follows:

<form runat="server">
<asp:DataList id="dlCollection"
runat="server"
RepeatColumns="4"
RepeatDirection="Horizontal"
RepeatLayout="Table"
DataSource="<%# dsCollection.DefaultView %>" >
<HeaderTemplate></HeaderTemplate>
<ItemTemplate>
<table cellspacing="4" cellpadding="4" align="center">
<tr>
<td align="center"><img
src="images/content/collection/<%# dsCollection.FieldValue("imageSmall",

Container) %>" /> </td>
</tr>
<tr>
<td align="center" valign="top"
class="heading_11px_01"><%# dsCollection.FieldValue("price", Container)
%>
</td>
</tr>
</table>
</ItemTemplate> </asp:DataList>
</form>

Thank You,
Miguel
Click to expand...
Click to expand...
 
G

Guest

Ouch. You seem to be using DreamWeaver which has its own way of doing
ASP.NET. You might be better off posting in a Macromedia newsgroup where
people understand DreamWeaver's controls.



Miguel Dias Moura said:
Hello,

I was trying your code but I wasn't able to make it work. This seems
really complicated and I am on this for days. Can you look at the code
of my page where everything is working but without the link and tell me
what should I do?

Here is the entire code (I know most of it is not important but I prefer
to send everything just to not miss something):

<%@ Page Language="VB" ContentType="text/html"
ResponseEncoding="iso-8859-1" %>
<%@ Register TagPrefix="MM" Namespace="DreamweaverCtrls"
Assembly="DreamweaverCtrls,version=1.0.0.0,publicKeyToken=836f606ede05d46a,culture=neutral"
%>
<MM:DataSet
id="dsArticleLeft"
runat="Server"
IsStoredProcedure="false"
ConnectionString='<%#
System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_STRING_connJaquelineRoxoAtelier")
%>'
DatabaseType='<%#
System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_DATABASETYPE_connJaquelineRoxoAtelier")
%>'
CommandText=' said:
</MM:DataSet>
Click to expand...
<MM:DataSet
id="dsArticleRight"
runat="Server"
IsStoredProcedure="false"
ConnectionString='<%#
System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_STRING_connJaquelineRoxoAtelier")
%>'
DatabaseType='<%#
System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_DATABASETYPE_connJaquelineRoxoAtelier")
%>'
CommandText=' said:
</MM:DataSet>
Click to expand...
<MM:DataSet
id="dsCollection"
runat="Server"
IsStoredProcedure="false"
ConnectionString='<%#
System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_STRING_connJaquelineRoxoAtelier")
%>'
DatabaseType='<%#
System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_DATABASETYPE_connJaquelineRoxoAtelier")
%>'
CommandText='<%# "SELECT * FROM collection ORDER BY reference DESC" %>'
CurrentPage='<%# IIf((Request.QueryString("dsCollection_CurrentPage") <>
Nothing), Request.QueryString("dsCollection_CurrentPage"), 0) %>'
PageSize="12"
Debug="true"
</MM:DataSet>
Click to expand...
<MM:pageBind runat="server" PostBackBind="true" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin
template="/Templates/basic.dwt.aspx" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Jaqueline Roxo - Atelier de Moda em Peles de Pelo</title>
<!-- InstanceEndEditable --><link href="css/styles.css" rel="stylesheet"
type="text/css" />
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++)
x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image;
d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}

function P7_autoLayers() { //v1.4 by PVII
var
g,b,k,f,args=P7_autoLayers.arguments;a=parseInt(args[0]);if(isNaN(a))a=0;
if(!document.p7setc){p7c=new Array();document.p7setc=true;for(var
u=0;u<10;u++){
p7c=new
Array();}}for(k=0;k<p7c[a].length;k++){if((g=MM_findObj(p7c[a][k]))!=null){

b=(document.layers)?g:g.style;b.visibility="hidden";}}for(k=1;k<args.length;k++){

if((g=MM_findObj(args[k]))!=null){b=(document.layers)?g:g.style;b.visibility="visible";f=false;
for(var j=0;j<p7c[a].length;j++){if(args[k]==p7c[a][j]) {f=true;}}
if(!f){p7c[a][p7c[a].length++]=args[k];}}}
}
//-->
</script>
<meta name="title" content="Jaqueline Roxo - Atelier de Moda em Peles de
Pelo" />
<meta name="description" content="Atelier situado em Lisboa. Somos
especializados em peles de pelo, comercializamos, produzimos e
modificamos qualquer artigo em Pelo." />
<meta name="keywords" content="peles,pelo,moda,lisboa"/>
<meta name="language" content="Portuguese" />
<meta name="author" content="27 Lamps" />
<meta name="copyright" content="2004 Jaqueline Roxo Atelier" />
<meta name="reply-to" content="(e-mail address removed)" />
<meta name="document-classification" content="Fashion" />
<meta name="document-type" content="Web Page" />
<meta name="document-rating" content="Safe for Kids" />
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if
((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH)
location.reload();
}
MM_reloadPage(true);

function P7_Snap() { //v2.65 by PVII
var
x,y,ox,bx,oy,p,tx,a,b,k,d,da,e,el,tw,q0,xx,yy,w1,pa='px',args=P7_Snap.arguments;a=parseInt(a);
if(document.layers||window.opera){pa='';}for(k=0;k<(args.length);k+=4){
if((g=MM_findObj(args[k]))!=null){if((el=MM_findObj(args[k+1]))!=null){

a=parseInt(args[k+2]);b=parseInt(args[k+3]);x=0;y=0;ox=0;oy=0;p="";tx=1;
da="document.all['"+args[k]+"']";if(document.getElementById){
d="document.getElementsByName('"+args[k]+"')[0]";if(!eval(d)){
d="document.getElementById('"+args[k]+"')";if(!eval(d)){d=da;}}
}else
if(document.all){d=da;}if(document.all||document.getElementById){while(tx==1){

p+=".offsetParent";if(eval(d+p)){x+=parseInt(eval(d+p+".offsetLeft"));y+=parseInt(eval(d+p+".offsetTop"));

}else{tx=0;}}ox=parseInt(g.offsetLeft);oy=parseInt(g.offsetTop);tw=x+ox+y+oy;
if(tw==0||(navigator.appVersion.indexOf("MSIE
4")>-1&&navigator.appVersion.indexOf("Mac")>-1)){

ox=0;oy=0;if(g.style.left){x=parseInt(g.style.left);y=parseInt(g.style.top);}else{

w1=parseInt(el.style.width);bx=(a<0)?-5-w1:-10;a=(Math.abs(a)<1000)?0:a;b=(Math.abs(b)<1000)?0:b;

x=document.body.scrollLeft+event.clientX+bx;y=document.body.scrollTop+event.clientY;}}
}else if(document.layers){x=g.x;y=g.y;q0=document.layers,dd="";for(var
s=0;s<q0.length;s++){

dd='document.'+q0.name;if(eval(dd+'.document.'+args[k])){x+=eval(dd+'.left');y+=eval(dd+'.top');

break;}}}e=(document.layers)?el:el.style;xx=parseInt(x+ox+a),yy=parseInt(y+oy+b);
if(navigator.appVersion.indexOf("MSIE 5")>-1 &&
navigator.appVersion.indexOf("Mac")>-1){

xx+=parseInt(document.body.leftMargin);yy+=parseInt(document.body.topMargin);}
e.left=xx+pa;e.top=yy+pa;}}}
}

function P7_hideEl(evt) { //v1.5 by PVII-www.projectseven.com
var b,r,m=false;if(document.layers){b=evt.target;if(b.p7aHide){
b.visibility="hidden";}else{routeEvent(evt);}
}else if(document.all&&!window.opera){b=event.srcElement;while(b){

if(b.p7aHide){break;}b=b.parentElement;}if(!b.contains(event.toElement)){
b.style.visibility="hidden";}}else if(document.getElementById){
b=evt.currentTarget;r=evt.relatedTarget;while(r){if(b==r){m=true;
break;}r=r.parentNode;}if(!m){b.style.visibility="hidden";}}
}

function P7_autoHide() { //v1.5 by PVII-www.projectseven.com
var i,g;for(i=0;i<arguments.length;i++){

if((g=MM_findObj(arguments))!=null){g.p7aHide=true;if(document.layers){
g.captureEvents(Event.MOUSEOUT);}g.onmouseout=P7_hideEl;}}
}
//-->
</script>
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
</head><body
onload="MM_preloadImages('images/design/button-coleccao-over.gif','images/button-servicos.over.gif','images/design/button-atelier-over.gif','images/design/button-luxus-over.gif','images/design/button-contactos-over.gif','images/design/button-home-over.gif','images/design/button-servicos-over.gif');P7_autoHide('submenu')">
<div id="submenu">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="coleccao-filter.aspx?type=astracan"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('astracan','','images/design/button-astracan-over.gif',1)"><img
src="images/design/button-astracan.gif" alt="astracan" name="astracan"
width="100" height="20" border="0" id="astracan" /></a></td>
</tr>
<tr>
<td><a href="coleccao-filter.aspx?type=castor"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('castor','','images/design/button-castor-over.gif',1)"><img
src="images/design/button-castor.gif" alt="castor" name="castor"
width="100" height="20" border="0" id="castor" /></a></td>
</tr>
<tr>
<td><a href="coleccao-filter.aspx?type=chinchila"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('chinchila','','images/design/button-chinchila-over.gif',1)"><img
src="images/design/button-chinchila.gif" alt="chinchila"
name="chinchila" width="100" height="20" border="0" id="chinchila"
/></a></td>
</tr>
<tr>
<td><a href="coleccao-filter.aspx?type=lapin"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('lapin','','images/design/button-lapin-over.gif',1)"><img
src="images/design/button-lapin.gif" alt="lapin" name="lapin"
width="100" height="20" border="0" id="lapin" /></a></td>
</tr>
<tr>
<td><a href="coleccao-filter.aspx?type=opossuma"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('opossuma','','images/design/button-opossuma-over.gif',1)"><img
src="images/design/button-opossuma.gif" alt="opossuma" name="opossuma"
width="100" height="20" border="0" id="opossuma" /></a></td>
</tr>
<tr>
<td><a href="coleccao-filter.aspx?type=raposa"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('raposa','','images/design/button-raposa-over.gif',1)"><img
src="images/design/button-raposa.gif" alt="raposa" name="raposa"
width="100" height="20" border="0" id="raposa" /></a></td>
</tr>
<tr>
<td><a href="coleccao-filter.aspx?type=vison"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('vison','','images/design/button-vison-over.gif',1)"><img
src="images/design/button-vison.gif" alt="vison" name="vison"
width="100" height="20" border="0" id="vison" /></a></td>
</tr>
</table>
</div>
<div id="wrapper">
<div id="header"><img src="images/design/logo-jratelier.jpg" width="680"
height="55" border="0" onmouseover="P7_autoLayers(0)" /></div>
<!-- InstanceBeginEditable name="menu" -->
<div id="menu"><a href="index.aspx" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('home','','images/design/button-home-over.gif',1)"><img
src="images/design/button-home.gif" alt="home" name="home" width="52"
height="20" border="0" id="home" onmouseover="P7_autoLayers(0)" /></a><a
href="coleccao.aspx"
onmouseover="P7_autoLayers(0,'submenu');MM_swapImage('coleccao','','images/design/button-coleccao-over.gif',1);P7_Snap('coleccao','submenu',0,21)"
onmouseout="MM_swapImgRestore()"><img
src="images/design/button-coleccao-hit.gif" alt="colecção"
name="coleccao" width="72" height="20" border="0" id="coleccao" /></a><a
href="servicos.aspx"
onmouseover="MM_swapImage('servicos','','images/design/button-servicos-over.gif',1);P7_autoLayers(0)"
onmouseout="MM_swapImgRestore()"><img
src="images/design/button-servicos.gif" alt="serviços" name="servicos"
width="70" height="20" border="0" id="servicos" /></a><a
href="atelier.aspx" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('atelier','','images/design/button-atelier-over.gif',1)"><img
src="images/design/button-atelier.gif" alt="atelier" name="atelier"
width="59" height="20" border="0" id="atelier" /></a><a
href="luxus.aspx" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('luxos','','images/design/button-luxus-over.gif',1)"><img
src="images/design/button-luxus.gif" alt="luxo's" name="luxos"
width="54" height="20" border="0" id="luxos" /></a><a
href="contactos.aspx" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('contactos','','images/design/button-contactos-over.gif',1)"><img
src="images/design/button-contactos.gif" alt="contactos"
name="contactos" width="80" height="20" border="0" id="contactos"
/></a></div>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="content"
-->
<div id="content">
<table width="675" border="0" cellpadding="4" cellspacing="2">
<tr>
<td align="center"><p><img
src="images/content/coleccao20042005.gif" width="321" height="25"
/></p></td>
</tr>
</table>
<table width="675" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top"><table width="660" border="0"
cellpadding="2" cellspacing="2" class="bottomBorder_CCCCCC">
<tr>
<td align="left"><div align="justify"><span
class="text_11px_01">Dinâmica e sensível, esta
colecção define um estilo urbano mas elegante.
Prática para um uso diário e sofisticada para momentos
especiais. É a arte do camaleão consoante a altura do dia:
inspiradora e audaz pela manhã, elegante e sofisticada á
noite as peles pela sua qualidade e desing ajustam-se perfeitamente a
qualquer ocasião.</span></div></td>
</tr>
</table> </td>
</tr>
</table>
<table border="0" cellpadding="2" cellspacing="5" align="center"
valign="top">
<tr>
<td align="left" valign="top"><p class="text_11px_01">
<form runat="server">
<asp:DataList id="dlCollection"
runat="server"
RepeatColumns="4"
RepeatDirection="Horizontal"
RepeatLayout="Table"
DataSource="<%# dsCollection.DefaultView %>" >
<HeaderTemplate></HeaderTemplate>
<ItemTemplate>
<table cellspacing="4" cellpadding="4" align="center">
<tr>
<td align="center"><img
src="images/content/collection/<%# dsCollection.FieldValue("imageSmall",
Container) %>" /> </td>
</tr>
<tr>
<td align="center" valign="top"
class="heading_11px_01"><%# dsCollection.FieldValue("price", Container)
%> </td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</form>
</p></td>
</tr>
</table>
<table width="675" border="0" cellpadding="0" cellspacing="0"
class="heading_11px_01">
<tr>
<td align="center" valign="top"><table width="660" border="0"
cellpadding="4" cellspacing="2" class="topBorder_CCCCCC">
<tr>
<td align="center" valign="middle"><div
align="justify"></div>
<MM:If runat="server" Expression='<%#
(dsCollection.CurrentPage <> 0) %>'>
<ContentsTemplate><a href="<%#
Request.ServerVariables("SCRIPT_NAME") %>?dsCollection_currentPage=<%#
Math.Max(dsCollection.CurrentPage - 1, 0)
%>">Anterior</a></ContentsTemplate>
</MM:If>
| <%= IIf((dsCollection.RecordCount =
0), 0, (dsCollection.StartRecord + 1)) %>..<%= dsCollection.EndRecord
%> de <%= dsCollection.RecordCount %> |
<MM:If runat="server" Expression='<%#
(dsCollection.CurrentPage < dsCollection.LastPage) %>'>
<ContentsTemplate><a href="<%#
Request.ServerVariables("SCRIPT_NAME") %>?dsCollection_currentPage=<%#
Math.Min(dsCollection.CurrentPage + 1, dsCollection.LastPage)
%>">Seguinte</a></ContentsTemplate>
</MM:If></td>
</tr>
</table></td>
</tr>
</table>
</div>
<!-- InstanceEndEditable -->
<div id="articles">
<table width="670px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="335" align="left" valign="top"><table border="0"
cellspacing="0" cellpadding="3">
<tr>
<td align="left" valign="top"><img src='images/content/<%#
dsArticleLeft.FieldValue("image", Container) %>' /></td>
<td align="left" valign="top"><table border="0"
cellspacing="0" cellpadding="0">
<tr>
<td class="heading_12px_02"><%#
dsArticleLeft.FieldValue("title", Container) %></td>
</tr>
</table>
<table width="240" border="0" cellspacing="0"
cellpadding="1">
<tr>
<td class="text_11px_02"><div align="left"><%#
dsArticleLeft.FieldValue("description", Container) %></div></td>
</tr>
</table>
<table width="220" border="0" cellpadding="2"
cellspacing="0">
<tr>
<td class="text_11px_02"><div align="right"><%#
DateTime.Parse(dsArticleLeft.FieldValue("date",
Container)).ToString("dd-MM-yyyy") %></div></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="335" align="left" valign="top"><table border="0"
cellspacing="0" cellpadding="3">
<tr>
<td align="left" valign="top"><img src='images/content/<%#
dsArticleRight.FieldValue("image", Container) %>' /></td>
<td align="left" valign="top"><table border="0"
cellspacing="0" cellpadding="0">
<tr>
<td class="heading_12px_02"><%#
dsArticleRight.FieldValue("title", Container) %></td>
</tr>
</table>
<table width="240" border="0" cellspacing="0"
cellpadding="1">
<tr>
<td class="text_11px_02"><div align="left"><%#
dsArticleRight.FieldValue("description", Container) %></div></td>
</tr>
</table>
<table width="220" border="0" cellpadding="2"
cellspacing="0">
<tr>
<td class="text_11px_02"><div align="right"><%#
DateTime.Parse(dsArticleRight.FieldValue("date",
Container)).ToString("dd-MM-yyyy") %></div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="footer">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" class="text_11px_03">© 2004 Jaqueline
Roxo Atelier, todos os direitos reservados </td>
</tr>
</table>
</div>
</div>
</body>

Thank You,
Miguel


Ken Cox said:
Hi Miguel,

The easiest way is to put the image inside a hyperlink control and set the

image name from the database. Check out the code below and let us know if
it
helps?

Ken
Microsoft MVP [ASP.NET]


<asp:DataList id="dlCollection" runat="server">
<ItemTemplate>

<asp:HyperLink id="HyperLink1" runat="server" NavigateUrl='<%#
"detail.aspx?number=" & DataBinder.Eval( Container.DataItem, "id") %>'>
<asp:Image id="Image1" runat="server" imageurl='<%#
DataBinder.Eval( Container.DataItem, "imageSmall") %>'></asp:Image>
</asp:HyperLink>
<asp:Label id="lblPrice" runat="server" ><%# DataBinder.Eval(
Container.DataItem, "price") %></asp:Label>
</ItemTemplate>
</asp:DataList>


Private Sub Page_Load _
(ByVal sender As System.Object, _
ByVal e As System.EventArgs) _
Handles MyBase.Load
dlCollection.DataSource = CreateDataSource()
dlCollection.DataBind()

End Sub
Function CreateDataSource() As DataTable
Dim dt As New DataTable
Dim dr As DataRow
dt.Columns.Add(New DataColumn _
("id", GetType(Int32)))
dt.Columns.Add(New DataColumn _
("imageSmall", GetType(String)))
dt.Columns.Add(New DataColumn _
("price", GetType(Double)))
dt.Columns.Add(New DataColumn _
("Boolean", GetType(Boolean)))
Dim i As Integer
For i = 0 To 8
dr = dt.NewRow()
dr(0) = i
dr(1) = "Item " + i.ToString()
dr(2) = 1.23 * (i + 1)
dr(3) = (i = 4)
dt.Rows.Add(dr)
Next i
Return dt
End Function 'CreateDataSource



Hello,

I created a datalist in an ASP.Net / VB page.
I display the image and price of a few products.

When a user clicks an image I want to load the page
"detail.aspx?number=id" and send the value of the "id" field of that
record as a URL parameter.

Can someone tell me how to do this.

The code I have is as follows:

<form runat="server">
<asp:DataList id="dlCollection"
runat="server"
RepeatColumns="4"
RepeatDirection="Horizontal"
RepeatLayout="Table"
DataSource="<%# dsCollection.DefaultView %>" >
<HeaderTemplate></HeaderTemplate>
<ItemTemplate>
<table cellspacing="4" cellpadding="4" align="center">
<tr>
<td align="center"><img
src="images/content/collection/<%# dsCollection.FieldValue("imageSmall",

Container) %>" /> </td>
</tr>
<tr>
<td align="center" valign="top"
class="heading_11px_01"><%# dsCollection.FieldValue("price", Container)
%>
</td>
</tr>
</table>
</ItemTemplate> </asp:DataList>
</form>

Thank You,
Miguel
Click to expand...
Click to expand...
Click to expand...
 
M

Miguel Dias Moura

Hello,

I just solved it.

<asp:HyperLink ID="hypDetails" Text="Detalhes"
NavigateUrl='<%#"detail.aspx?ID=" & DataBinder.Eval(Container.DataItem,
"ID")%>' Runat="server"></asp:HyperLink>

Thanks,
Miguel

Ken Cox said:
Ouch. You seem to be using DreamWeaver which has its own way of doing
ASP.NET. You might be better off posting in a Macromedia newsgroup where

people understand DreamWeaver's controls.



:

Hello,

I was trying your code but I wasn't able to make it work. This seems
really complicated and I am on this for days. Can you look at the code

of my page where everything is working but without the link and tell me

what should I do?

Here is the entire code (I know most of it is not important but I prefer

to send everything just to not miss something):
CODE START
Click to expand...

<%@ Page Language="VB" ContentType="text/html"
ResponseEncoding="iso-8859-1" %>
<%@ Register TagPrefix="MM" Namespace="DreamweaverCtrls"

Assembly="DreamweaverCtrls,version=1.0.0.0,publicKeyToken=836f606ede05d46a,c
ulture=neutral"
%>
<MM:DataSet
id="dsArticleLeft"
runat="Server"
IsStoredProcedure="false"
ConnectionString='<%#

System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_STRING
_connJaquelineRoxoAtelier")
%>'
DatabaseType='<%#

System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_DATABA
SETYPE_connJaquelineRoxoAtelier")
%>'
CommandText='<%# "SELECT * FROM articleLeft" %>'
Debug="true"
<MM:DataSet
id="dsArticleRight"
runat="Server"
IsStoredProcedure="false"
ConnectionString='<%#

System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_STRING
_connJaquelineRoxoAtelier")
%>'
DatabaseType='<%#

System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_DATABA
SETYPE_connJaquelineRoxoAtelier")
%>'
CommandText='<%# "SELECT * FROM articleRight" %>'
Debug="true"
<MM:DataSet
id="dsCollection"
runat="Server"
IsStoredProcedure="false"
ConnectionString='<%#

System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_STRING
_connJaquelineRoxoAtelier")
%>'
DatabaseType='<%#

System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_DATABA
SETYPE_connJaquelineRoxoAtelier")
%>'
CommandText='<%# "SELECT * FROM collection ORDER BY reference DESC"
%>'
CurrentPage='<%# IIf((Request.QueryString("dsCollection_CurrentPage") <>

Nothing), Request.QueryString("dsCollection_CurrentPage"), 0) %>'
PageSize="12"
Debug="true"
<MM:pageBind runat="server" PostBackBind="true" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin
template="/Templates/basic.dwt.aspx" codeOutsideHTMLIsLocked="false"
-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"

/>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Jaqueline Roxo - Atelier de Moda em Peles de Pelo</title>
<!-- InstanceEndEditable --><link href="css/styles.css" rel="stylesheet"

type="text/css" />
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++)

x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image;
d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}

function P7_autoLayers() { //v1.4 by PVII
var

g,b,k,f,args=P7_autoLayers.arguments;a=parseInt(args[0]);if(isNaN(a))a=0;
if(!document.p7setc){p7c=new Array();document.p7setc=true;for(var
u=0;u<10;u++){
p7c=new

Array();}}for(k=0;k<p7c[a].length;k++){if((g=MM_findObj(p7c[a][k]))!=null){ > >


b=(document.layers)?g:g.style;b.visibility="hidden";}}for(k=1;k<args.length;
k++){


if((g=MM_findObj(args[k]))!=null){b=(document.layers)?g:g.style;b.visibility
="visible";f=false;
for(var j=0;j<p7c[a].length;j++){if(args[k]==p7c[a][j]) {f=true;}}
if(!f){p7c[a][p7c[a].length++]=args[k];}}}
}
//-->
</script>
<meta name="title" content="Jaqueline Roxo - Atelier de Moda em Peles de

Pelo" />
<meta name="description" content="Atelier situado em Lisboa. Somos
especializados em peles de pelo, comercializamos, produzimos e
modificamos qualquer artigo em Pelo." />
<meta name="keywords" content="peles,pelo,moda,lisboa"/>
<meta name="language" content="Portuguese" />
<meta name="author" content="27 Lamps" />
<meta name="copyright" content="2004 Jaqueline Roxo Atelier" />
<meta name="reply-to" content="(e-mail address removed)" />
<meta name="document-classification" content="Fashion" />
<meta name="document-type" content="Web Page" />
<meta name="document-rating" content="Safe for Kids" />
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if
((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH)

location.reload();
}
MM_reloadPage(true);

function P7_Snap() { //v2.65 by PVII
var

x,y,ox,bx,oy,p,tx,a,b,k,d,da,e,el,tw,q0,xx,yy,w1,pa='px',args=P7_Snap.argume
nts;a=parseInt(a);

if(document.layers||window.opera){pa='';}for(k=0;k<(args.length);k+=4){

if((g=MM_findObj(args[k]))!=null){if((el=MM_findObj(args[k+1]))!=null){


a=parseInt(args[k+2]);b=parseInt(args[k+3]);x=0;y=0;ox=0;oy=0;p="";tx=1;
da="document.all['"+args[k]+"']";if(document.getElementById){
d="document.getElementsByName('"+args[k]+"')[0]";if(!eval(d)){
d="document.getElementById('"+args[k]+"')";if(!eval(d)){d=da;}}
}else

if(document.all){d=da;}if(document.all||document.getElementById){while(tx==1
){


p+=".offsetParent";if(eval(d+p)){x+=parseInt(eval(d+p+".offsetLeft"));y+=par
seInt(eval(d+p+".offsetTop"));


}else{tx=0;}}ox=parseInt(g.offsetLeft);oy=parseInt(g.offsetTop);tw=x+ox+y+oy
;
if(tw==0||(navigator.appVersion.indexOf("MSIE
4")>-1&&navigator.appVersion.indexOf("Mac")>-1)){


ox=0;oy=0;if(g.style.left){x=parseInt(g.style.left);y=parseInt(g.style.top);
}else{


w1=parseInt(el.style.width);bx=(a<0)?-5-w1:-10;a=(Math.abs(a)<1000)?0:a;b=(M
ath.abs(b)<1000)?0:b;


x=document.body.scrollLeft+event.clientX+bx;y=document.body.scrollTop+event.
clientY;}}
}else if(document.layers){x=g.x;y=g.y;q0=document.layers,dd="";for(var

s=0;s<q0.length;s++){


dd='document.'+q0.name;if(eval(dd+'.document.'+args[k])){x+=eval(dd+'.lef
t');y+=eval(dd+'.top');


break;}}}e=(document.layers)?el:el.style;xx=parseInt(x+ox+a),yy=parseInt(y+o
y+b);
if(navigator.appVersion.indexOf("MSIE 5")>-1 &&
navigator.appVersion.indexOf("Mac")>-1){


xx+=parseInt(document.body.leftMargin);yy+=parseInt(document.body.topMargin)
;}
e.left=xx+pa;e.top=yy+pa;}}}
}

function P7_hideEl(evt) { //v1.5 by PVII-www.projectseven.com
var b,r,m=false;if(document.layers){b=evt.target;if(b.p7aHide){
b.visibility="hidden";}else{routeEvent(evt);}
}else if(document.all&&!window.opera){b=event.srcElement;while(b){


if(b.p7aHide){break;}b=b.parentElement;}if(!b.contains(event.toElement)){
b.style.visibility="hidden";}}else if(document.getElementById){
b=evt.currentTarget;r=evt.relatedTarget;while(r){if(b==r){m=true;
break;}r=r.parentNode;}if(!m){b.style.visibility="hidden";}}
}

function P7_autoHide() { //v1.5 by PVII-www.projectseven.com
var i,g;for(i=0;i<arguments.length;i++){


if((g=MM_findObj(arguments))!=null){g.p7aHide=true;if(document.layers){
g.captureEvents(Event.MOUSEOUT);}g.onmouseout=P7_hideEl;}}
}
//-->
</script>
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
</head><body

onload="MM_preloadImages('images/design/button-coleccao-over.gif','images/bu
tton-servicos.over.gif','images/design/button-atelier-over.gif','images/desi
gn/button-luxus-over.gif','images/design/button-contactos-over.gif','images/
design/button-home-over.gif','images/design/button-servicos-over.gif');P7_au
toHide('submenu')">
<div id="submenu">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="coleccao-filter.aspx?type=astracan"
onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('astracan','','images/design/button-astracan-over.
gif',1)"><img
src="images/design/button-astracan.gif" alt="astracan" name="astracan"

width="100" height="20" border="0" id="astracan" /></a></td>
</tr>
<tr>
<td><a href="coleccao-filter.aspx?type=castor"
onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('castor','','images/design/button-castor-over.gif'
,1)"><img
src="images/design/button-castor.gif" alt="castor" name="castor"
width="100" height="20" border="0" id="castor" /></a></td>
</tr>
<tr>
<td><a href="coleccao-filter.aspx?type=chinchila"
onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('chinchila','','images/design/button-chinchila-ove
r.gif',1)"><img
src="images/design/button-chinchila.gif" alt="chinchila"
name="chinchila" width="100" height="20" border="0" id="chinchila"
/></a></td>
</tr>
<tr>
<td><a href="coleccao-filter.aspx?type=lapin"
onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('lapin','','images/design/button-lapin-over.gif',1
)"><img
src="images/design/button-lapin.gif" alt="lapin" name="lapin"
width="100" height="20" border="0" id="lapin" /></a></td>
</tr>
<tr>
<td><a href="coleccao-filter.aspx?type=opossuma"
onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('opossuma','','images/design/button-opossuma-over.
gif',1)"><img
src="images/design/button-opossuma.gif" alt="opossuma" name="opossuma"

width="100" height="20" border="0" id="opossuma" /></a></td>
</tr>
<tr>
<td><a href="coleccao-filter.aspx?type=raposa"
onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('raposa','','images/design/button-raposa-over.gif'
,1)"><img
src="images/design/button-raposa.gif" alt="raposa" name="raposa"
width="100" height="20" border="0" id="raposa" /></a></td>
</tr>
<tr>
<td><a href="coleccao-filter.aspx?type=vison"
onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('vison','','images/design/button-vison-over.gif',1
)"><img
src="images/design/button-vison.gif" alt="vison" name="vison"
width="100" height="20" border="0" id="vison" /></a></td>
</tr>
</table>
</div>
<div id="wrapper">
<div id="header"><img src="images/design/logo-jratelier.jpg" width="680"

height="55" border="0" onmouseover="P7_autoLayers(0)" /></div>
<!-- InstanceBeginEditable name="menu" -->
<div id="menu"><a href="index.aspx" onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('home','','images/design/button-home-over.gif',1)"
<img
Click to expand...
src="images/design/button-home.gif" alt="home" name="home" width="52"
height="20" border="0" id="home" onmouseover="P7_autoLayers(0)" /></a><a

href="coleccao.aspx"

onmouseover="P7_autoLayers(0,'submenu');MM_swapImage('coleccao','','images/d
esign/button-coleccao-over.gif',1);P7_Snap('coleccao','submenu',0,21)"
onmouseout="MM_swapImgRestore()"><img
src="images/design/button-coleccao-hit.gif" alt="colecção"
name="coleccao" width="72" height="20" border="0" id="coleccao" /></a><a

href="servicos.aspx"

onmouseover="MM_swapImage('servicos','','images/design/button-servicos-over.
gif',1);P7_autoLayers(0)"
onmouseout="MM_swapImgRestore()"><img
src="images/design/button-servicos.gif" alt="serviços" name="servicos"

width="70" height="20" border="0" id="servicos" /></a><a
href="atelier.aspx" onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('atelier','','images/design/button-atelier-over.gi
f',1)"><img
src="images/design/button-atelier.gif" alt="atelier" name="atelier"
width="59" height="20" border="0" id="atelier" /></a><a
href="luxus.aspx" onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('luxos','','images/design/button-luxus-over.gif',1
)"><img
src="images/design/button-luxus.gif" alt="luxo's" name="luxos"
width="54" height="20" border="0" id="luxos" /></a><a
href="contactos.aspx" onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('contactos','','images/design/button-contactos-ove
r.gif',1)"><img
src="images/design/button-contactos.gif" alt="contactos"
name="contactos" width="80" height="20" border="0" id="contactos"
/></a></div>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="content"
-->
<div id="content">
<table width="675" border="0" cellpadding="4" cellspacing="2">
<tr>
<td align="center"><p><img
src="images/content/coleccao20042005.gif" width="321" height="25"
/></p></td>
</tr>
</table>
<table width="675" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top"><table width="660" border="0"
cellpadding="2" cellspacing="2" class="bottomBorder_CCCCCC">
<tr>
<td align="left"><div align="justify"><span
class="text_11px_01">Dinâmica e sensível, esta
colecção define um estilo urbano mas elegante.
Prática para um uso diário e sofisticada para momentos
especiais. É a arte do camaleão consoante a altura do dia:
inspiradora e audaz pela manhã, elegante e sofisticada á
noite as peles pela sua qualidade e desing ajustam-se perfeitamente a
qualquer ocasião.</span></div></td>
</tr>
</table> </td>
</tr>
</table>
<table border="0" cellpadding="2" cellspacing="5" align="center"
valign="top">
<tr>
<td align="left" valign="top"><p class="text_11px_01">
<form runat="server">
<asp:DataList id="dlCollection"
runat="server"
RepeatColumns="4"
RepeatDirection="Horizontal"
RepeatLayout="Table"
DataSource="<%# dsCollection.DefaultView %>" >
<HeaderTemplate></HeaderTemplate>
<ItemTemplate>
<table cellspacing="4" cellpadding="4" align="center">
<tr>
<td align="center"><img
src="images/content/collection/<%# dsCollection.FieldValue("imageSmall",

Container) %>" /> </td>
</tr>
<tr>
<td align="center" valign="top"
class="heading_11px_01"><%# dsCollection.FieldValue("price", Container)

%> </td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</form>
</p></td>
</tr>
</table>
<table width="675" border="0" cellpadding="0" cellspacing="0"
class="heading_11px_01">
<tr>
<td align="center" valign="top"><table width="660" border="0"
cellpadding="4" cellspacing="2" class="topBorder_CCCCCC">
<tr>
<td align="center" valign="middle"><div
align="justify"></div>
<MM:If runat="server" Expression='<%#
(dsCollection.CurrentPage <> 0) %>'>
<ContentsTemplate><a href="<%#
Request.ServerVariables("SCRIPT_NAME") %>?dsCollection_currentPage=<%#

Math.Max(dsCollection.CurrentPage - 1, 0)
%>">Anterior</a></ContentsTemplate>
</MM:If>
| <%= IIf((dsCollection.RecordCount =
0), 0, (dsCollection.StartRecord + 1)) %>..<%= dsCollection.EndRecord
%> de <%= dsCollection.RecordCount %> |
<MM:If runat="server" Expression='<%#
(dsCollection.CurrentPage < dsCollection.LastPage) %>'>
<ContentsTemplate><a href="<%#
Request.ServerVariables("SCRIPT_NAME") %>?dsCollection_currentPage=<%#

Math.Min(dsCollection.CurrentPage + 1, dsCollection.LastPage)
%>">Seguinte</a></ContentsTemplate>
</MM:If></td>
</tr>
</table></td>
</tr>
</table>
</div>
<!-- InstanceEndEditable -->
<div id="articles">
<table width="670px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="335" align="left" valign="top"><table border="0"
cellspacing="0" cellpadding="3">
<tr>
<td align="left" valign="top"><img src='images/content/<%#
dsArticleLeft.FieldValue("image", Container) %>' /></td>
<td align="left" valign="top"><table border="0"
cellspacing="0" cellpadding="0">
<tr>
<td class="heading_12px_02"><%#
dsArticleLeft.FieldValue("title", Container) %></td>
</tr>
</table>
<table width="240" border="0" cellspacing="0"
cellpadding="1">
<tr>
<td class="text_11px_02"><div align="left"><%#
dsArticleLeft.FieldValue("description", Container) %></div></td>
</tr>
</table>
<table width="220" border="0" cellpadding="2"
cellspacing="0">
<tr>
<td class="text_11px_02"><div align="right"><%#
DateTime.Parse(dsArticleLeft.FieldValue("date",
Container)).ToString("dd-MM-yyyy") %></div></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="335" align="left" valign="top"><table border="0"
cellspacing="0" cellpadding="3">
<tr>
<td align="left" valign="top"><img src='images/content/<%#
dsArticleRight.FieldValue("image", Container) %>' /></td>
<td align="left" valign="top"><table border="0"
cellspacing="0" cellpadding="0">
<tr>
<td class="heading_12px_02"><%#
dsArticleRight.FieldValue("title", Container) %></td>
</tr>
</table>
<table width="240" border="0" cellspacing="0"
cellpadding="1">
<tr>
<td class="text_11px_02"><div align="left"><%#
dsArticleRight.FieldValue("description", Container) %></div></td>
</tr>
</table>
<table width="220" border="0" cellpadding="2"
cellspacing="0">
<tr>
<td class="text_11px_02"><div align="right"><%#
DateTime.Parse(dsArticleRight.FieldValue("date",
Container)).ToString("dd-MM-yyyy") %></div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="footer">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" class="text_11px_03">© 2004 Jaqueline
Roxo Atelier, todos os direitos reservados </td>
</tr>
</table>
</div>
</div>
</body>
<!-- InstanceEnd --></html>
CODE END
Click to expand...

Thank You,
Miguel



Hi Miguel,

The easiest way is to put the image inside a hyperlink control and set
the

image name from the database. Check out the code below and let us know
if
it
helps?

Ken
Microsoft MVP [ASP.NET]


<asp:DataList id="dlCollection" runat="server">
<ItemTemplate>

<asp:HyperLink id="HyperLink1" runat="server" NavigateUrl='<%#
"detail.aspx?number=" & DataBinder.Eval( Container.DataItem, "id")
%>'>
<asp:Image id="Image1" runat="server" imageurl='<%#
DataBinder.Eval( Container.DataItem, "imageSmall") %>'></asp:Image>
</asp:HyperLink>
<asp:Label id="lblPrice" runat="server" ><%# DataBinder.Eval(
Container.DataItem, "price") %></asp:Label>
</ItemTemplate>
</asp:DataList>


Private Sub Page_Load _
(ByVal sender As System.Object, _
ByVal e As System.EventArgs) _
Handles MyBase.Load
dlCollection.DataSource = CreateDataSource()
dlCollection.DataBind()

End Sub
Function CreateDataSource() As DataTable
Dim dt As New DataTable
Dim dr As DataRow
dt.Columns.Add(New DataColumn _
("id", GetType(Int32)))
dt.Columns.Add(New DataColumn _
("imageSmall", GetType(String)))
dt.Columns.Add(New DataColumn _
("price", GetType(Double)))
dt.Columns.Add(New DataColumn _
("Boolean", GetType(Boolean)))
Dim i As Integer
For i = 0 To 8
dr = dt.NewRow()
dr(0) = i
dr(1) = "Item " + i.ToString()
dr(2) = 1.23 * (i + 1)
dr(3) = (i = 4)
dt.Rows.Add(dr)
Next i
Return dt
End Function 'CreateDataSource




Hello,

I created a datalist in an ASP.Net / VB page.
I display the image and price of a few products.

When a user clicks an image I want to load the page
"detail.aspx?number=id" and send the value of the "id" field of
that
record as a URL parameter.

Can someone tell me how to do this.

The code I have is as follows:

<form runat="server">
<asp:DataList id="dlCollection"
runat="server"
RepeatColumns="4"
RepeatDirection="Horizontal"
RepeatLayout="Table"
DataSource="<%# dsCollection.DefaultView %>" >
<HeaderTemplate></HeaderTemplate>
<ItemTemplate>
<table cellspacing="4" cellpadding="4"
align="center">
<tr>
<td align="center"><img
src="images/content/collection/<%#
dsCollection.FieldValue("imageSmall",

Container) %>" /> </td>
</tr>
<tr>
<td align="center" valign="top"
class="heading_11px_01"><%# dsCollection.FieldValue("price",
Container)
%>
</td>
</tr>
</table>
</ItemTemplate> </asp:DataList>
</form>

Thank You,
Miguel
Click to expand...
Click to expand...
Click to expand...
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript? 0
Datalist is overlapping other controls 0
How to have two html audio players on one page? 0
Image shifts to the right when export the page to pdf 4
How to get value from column in Datalist into variable 2
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript? 0
Show tif or pdf in DataList 2
How to add dropdown selected data to table using jquery 2

Members online

No members online now.
Total: 29 (members: 0, guests: 29)
Robots: 437

Forum statistics

Threads
473,770
Messages
2,569,583
Members
45,073
Latest member
DarinCeden

Latest Threads

Top