webForumDet fria alternativet

Formatera en DataList

.NET

5 svar · 243 visningar · startad av juventus1

Medlem sedan dec. 2000399 inlägg
Frågan#1

Hej!

Jag har ett irriterande problem. Det är så att jag hämtar några produkter från en db och visar dem sedan mha en DataList. Problemet är att DataList kontrollen skapar en tabell som ser ut så här:

<table width="450" align="center">
<tr>
<td>Produktnamn</td>
</tr>
</table>

Mitt problem är att jag behöver sätta 'valign="top"' i tabellcellen för att sidan ska visas någorlunda snyggt.

<table width="450" align="center">
<tr>
<td [b]valign="top"[/b]>Produktnamn</td>
</tr>
</table>

Jag har inte sett hur man kan förändra de tabellceller DataListen producerar. Är det någon som vet hur man kan lösa det?

------------------
mvh André,
http://www.sigmafarg.se

[Redigerat av juventus1 den 27 sep 2001]

Medlem sedan dec. 19998 577 inlägg
#2

Datalist members

Du kan ju testa med metoden ".Attributes" och lägga till valign. Vet inte om den då kommer på tabellen, men det är ju värt att testa. :)

------------------
Fråga: Hur kan man fördröja att mjölk blir gammal?
Svar: Låt det vara kvar i kon.
un.eyebew

Medlem sedan dec. 2000399 inlägg
#3

Hej!

Nja, jag lyckas inte få det att fungera. Jag lyckas inte få Attribute-värdet att hamna rätt, det kommer hela tiden bland de övriga egenskaperna för hela tabellen. Men jag ska testa lite mer senare.

------------------
mvh André,
http://www.sigmafarg.se

Medlem sedan dec. 19998 577 inlägg
#4

Allt beror ju helt på hur du lägger upp din DataList, använder du t.ex en Template så kan du lätt få det snyggt och med full kontroll på grejorna... :)

------------------
Fråga: Hur kan man fördröja att mjölk blir gammal?
Svar: Låt det vara kvar i kon.
un.eyebew

Medlem sedan dec. 2000399 inlägg
#5

Hej!

Jag använder en template. Den ser ut så här:

<asp:DataList id="ShowProducts" RepeatColumns="2" RepeatDirection="Horizontal" Width="450" runat="server">
	<ItemTemplate>
		<table width="225" border="0" cellspacing="0" cellpadding="5" align="center">
			<tr>
				<td width="225">
					<div align="center">
						<b>
							<%# DataBinder.Eval(Container.DataItem, "Name") %>
						</b>
					</div>
				</td>
			</tr>
			<tr>
				<td height="1">
					<img src="bilder/1black.gif" width="100%" height="1">
				</td>
			</tr>
			<tr>
				<td width="225">
					<div align="center">
						<img src="bilder/Sample.jpg" width="200" height="200">
					</div>
				</td>
			</tr>
			<tr>
				<td height="1">
					<img src="bilder/1black.gif" width="100%" height="1">
				</td>
			</tr>
			<tr>
				<td width="225">
					<div align="left">
						<%# DataBinder.Eval(Container.DataItem, "Description") %>
						<br>
						<b>Price:
							<%# DataBinder.Eval(Container.DataItem, "Price") %>
							SEK </b>
					</div>
				</td>
			</tr>
			<tr>
				<td height="1">
					<img src="bilder/1black.gif" width="100%" height="1">
				</td>
			</tr>
			<tr>
				<td width="225" valign="top">
					<div align="left">
						<form name="form1" method="post" action="cart.aspx" onSubmit="return CheckValue(this);">
							<input type="text" name="antal" maxlength="2" style="WIDTH: 25px" onFocus="onFocus(this);" onBlur="onBlur(this);" class="inputbox" value="1">
							<input type="image" border="0" src="bilder/addtocart.gif" alt="Add to cart"> <input type="image" src="bilder/more.gif" border="0" alt="More information about this product">
							<input type="hidden" name="ProductID" value="variabel">
						</form>
					</div>
				</td>
			</tr>
		</table>
	</ItemTemplate>
</asp:DataList>

Grejen är att DataListen lägger in min tabell i en större tabell. Det är i den större tabellen som felet uppstår. Exempel.

------------------
mvh André,
http://www.sigmafarg.se

[Redigerat av juventus1 den 28 sep 2001]

Medlem sedan dec. 2000399 inlägg
#6

Äntligen har jag hittat hur man gör!
Så här ser det ut...

<asp:DataList id="ShowProducts" RepeatColumns="2" RepeatDirection="Horizontal" Width="450" runat="server">
	[b]<ItemStyle VerticalAlign="top" HorizontalAlign="left">
	</ItemStyle>[/b]
	<ItemTemplate>
		<table width="225" border="0" cellspacing="0" cellpadding="5" align="center">
			<tr>
			</tr>
		</table>
	</ItemTemplate>
</asp:DataList>

------------------
mvh André

262 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
136 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)