 |
BOOK: Beginning ASP.NET 4 : in C# and VB
 | This is the forum to discuss the Wrox book Beginning ASP.NET 4: in C# and VB by Imar Spaanjaars; ISBN: 9780470502211 |
Welcome to the p2p.wrox.com Forums.
You are currently viewing the BOOK: Beginning ASP.NET 4 : in C# and VB section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
|
|
|
|
|
April 16th, 2012, 07:20 AM
|
|
Authorized User
|
|
Join Date: Apr 2012
Posts: 10
Thanks: 0
Thanked 0 Times in 0 Posts
|
|
CH14 Customizing Templates of the ListView Control (image issue)
Hi,
I've jsut completed the Try It Out of "Customizing Templates of the ListView". Although doing this my images don't show up. Only tooltip and description text show up. I already compared my code with the sources of ch14. I compared the following files: ManagePhotoAlbum.aspx, ManagePhotoAlbum.aspx. vb, NewPhotoAlbum.aspx, NewPhotoAlbum.aspx. vb
I still cannot find the problem, can you please help?
Here's the page source of "ManagePhotoAlbum.aspx"
Quote:
<!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">
<head><title>
Manage Photo Album
</title>
<link href="Styles/Styles.css" rel="stylesheet" type="text/css" /><link href="App_Themes/Monochrome/Monochrome.css" type="text/css" rel="stylesheet" /><style type="text/css">
/* <![CDATA[ */
#Menu1 img.icon { border-style:none;vertical-align:middle; }
#Menu1 img.separator { border-style:none;display:block; }
#Menu1 img.horizontal-separator { border-style:none;vertical-align:middle; }
#Menu1 ul { list-style:none;margin:0;padding:0;width:auto; }
#Menu1 ul.dynamic { z-index:1; }
#Menu1 a { text-decoration:none;white-space:nowrap;display:block; }
#Menu1 a.static { padding-left:0.15em;padding-right:0.15em; }
#Menu1 a.popout-dynamic { background:url("/WebResource.axd?d=RRbB_l4e6U2fz7KA8NWE08pT-VAC9Nkri6burTYkMCoekXJXST1WpqBPCBuk0sHBR0UM5V51snr h4AG19yU190GMK96fuMfWGJSIO7sjgDk1&t=63469085001241 2110") no-repeat right center;padding-right:14px; }
/* ]]> */
</style></head>
<body>
<form method="post" action="ManagePhotoAlbum.aspx?PhotoAlbumId=5" onsubmit="javascript:return WebForm_OnSubmit();" id="form1" enctype="multipart/form-data">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="w1YRfzBMnBQGo/by4AWfzQQfqAXpGMhyd2qHfOUdLbuT0YaQro3vsZRK4S1MPTOh XaqFy0eD1tZRbUaKlrWCpkgKvVDGYBFhUWeHOD1gf7MR2iKN0E 9nm8G6PtyxWJ8pCDmpoudbddeYnb5s6TxxEITjoO/Mi8RMSB6W+4JUVn/3yjWQI2Y4Ik1jkCeLmnnySybAAJoo8rzpRFcg9Jht/MGd4qM4iAIKIPkZ2eps5lC/qy+IAB6MT1+kPetlVTNtAOat3XPkO+cwKzjFLz5Upt51R++gQp WWAQY4JroWH5H0NjO1axrpBTE/llVzH3YD1f9HR5rx2dL/pdLT/giSIRJRoJdt37Nurau6lpXQ3rJ4Rqs6Pndlb1bxhs0K2VyfLCd yYjPL0Lk+ar1jrolWJ+dyZENyvKlJtAP1R/hsO2klSf8HEXVYa7x4NX16JL6KqUxjUo8zwZe6KRSbLXGrNTOp 2VXKWdwi6iht2gKPuP8cfXcNAhK/ih3DKCUqNRJg4Dymp0Nq2lR4265HSHJdDjiOWAsgPLVBwFbizq Ush37NE2wHT/aLWxSP6YAOEPmmwFp45bEtqluB/E3xX6pWAbg1Jy4CylF2NE97FYf1DD/NBGL/m/TOXk+g4MGsHB6FV4g73Nuau/QbY1/yFtNITQsz5hHw0/vT/dpuge7sho3QPFK7YPzAYltJD1vOL1Qw6Fv8QsDMW7HsBhnxvgp i6oBLIGJjcvKssLrijzznlyA6xY4merQ4l0nXAq+JxQdG8XoXK zuJCCJByDlB3Psu4Q9/RhiPm5BoWppfrt4m7tdZW84n7f53I3HBUuh+SX7iymYPnNWX2T vfB2N6RGOQXQ9HDClhmOHQee/5p91zxfuvv0RkAL6pjWXENL1354lAjzPzSYdvXWIaxZZQh5w7C rWT1yv+/ewPYfGmLhBcrjUNJrXxIZeyTY7TlfVl1ammEV4pI6YXpx8vKM2 P0Md3BTQIGdam4tmCGwcmiSLQy1C0bvrREFyXyPG3f1jQrL7jw 5Y1YJ4pddtutk3Q8+RPZMKJaO07SRS3M32SlJM8e3RseLafatT FY0TtQDkTHHBYfNhiLITpGSs5qSmghoSmY89lyc61TcX+w9AMX anWM0g/LIT9EgBEK9n9K0I0JhiHsu/JT3Xmx+Y+eOXbvsfzfdXAirF5bLx9yBWApyhqQtwu8ptvQ9FGC CsXbldwkbhy+rGS+sCIh/sgkJ03Sw1P8FXqw6SnDbWyuImzxfmM9mz08GTsejsp0OMYuoKm TmEmqPdZAzA0f+9ZsyRKKz42rM5pRTH/zg3vi5qOijkdg8g14o7a0o1Mg1nQbo33m8GOrWu7Vitnu4WNWo u9IJBSPtOKXgepj7ShVsyKBdI12CMv+pObpwZgc4KZ8L3AMPxf b/TuO5zlh8NENzKUBkKhAFQp9vych5FZY3iAIgXhJKTk1jzXGOdD 0poXIEkFXZ92c8aJlrE3DPYWDzurLtwDI+35Izovf+0Yl0bRmW putZ94qe2jK8UJ7406AtUlv83IWmONECM4oYZFRD08/CMzHdimdNHHABC3EJyKFtXPFcFAMHSdPWzAJGIGqoicR82/ZqbtZefjq0xr1fIcxwI9BEbUk0WcO511FR5CvhsrlyJPo6V21l SNQJ8peKQARtxoHtkqfrsJjjLvu4NLgaYvlyT3ZFvvC69t/tJVu7/GW88TnJCBa3WHi9XPZHdst0/LkGBggpjmbsd3yjAhchLRnytlG8s3LtMwPAZzsTOi5rm51tjH7 Lpi43PgR9WI7GIkTPt8xPpfPSN2R41TNdbCg3X07fg8zNVtl0J vAAfFAwNSnEQ2fkQWNU0TH7ubfFe8KE+Qca+rAbBit2cPpy2IX MkKPusjRyVy92zYkiKpSbF9vKAwHTKcvYU4jrUVczJXZCMrf3Z No3z4J6TPnAv1cFE+5aFzqW1lDGaudjv9xvSDtlDWRm70Scbdd XUiLx1FLyl08qU3xnns3y3UBtBMlw==" />
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/WebResource.axd?d=9nUiiLOb5w7QyOi8AZkrnORxkMXN9EKr r26IrflML_DZqv360iPMVz2Ftins-jUudgCTHI97RUPRqQT1ArCdrBCuidpWZk2wsAOHHzb5V6w1&am p;t=634690850012412110" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=4mofeVvIv5qhsK3jw5j0pLOMJDqVq FtDzrR_MFzel5-mrVU02zNR0XPczj8_1mcuueL5_v5v5SF6xtCn2PgODsWFJ5GAY SFWtKqRgG8SSg3BHfP7TpvwUpI0TwBXdIJaf924ZeRzww8SUKY E3mhLDQ2&t=150492e7" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=PVUD1voAPQ8uCCiYayBLM0VYq3VSn XeE-yRF145zYLSigfvlXPk784QEhn9deufwWftXcN8mR4n3z_pxA5i aHRM1jKU48cIcHSaVgXjzGwvtoiiAZi7bDvS_eyAuCMiMwhpiU cHBVZg193XfafoWTG9KDXfRMd1iBffsF7SCB7c1&t=1504 92e7" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=u58tAMEAF5nx4ZhqxwoBGjdLugFRM e5LjRwTAsbFPmR_KO9rqGoU5dsrCPoMQqte9XWKRK8nCbL0Rpn sU_HYDy0Y9Af3FnlMUocnMu4M_I-oRsRfMCjFPge85C6UDCsZnDCVEdKIcNgNW1AtHh4ejDlEp_r8c jby_-b2oQ_dar01&t=ffffffff940d030f" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=RjdvmUC4wEyA7kR6thxw_TjOpikLG _jGC_35gfBCU0ZDdZX8aUJTMZaZeoCEpI-kPpWay8BlXzXd5EeoLIhRrhTAyezY06TzFe5ZnheradNIbBr7h YKrMXj9e7LtvG_9ynVgM82t2imoe-cpf5TqZHxPncgW2-bTMURSCNpcKxr2H5EMz3H2B3o8H_felQl60&t=ffffffff 940d030f" type="text/javascript"></script>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function WebForm_OnSubmit() {
if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false;
return true;
}
//]]>
</script>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="" />
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="lb1PLvVHntdmvEl7hrq5n85dCgg7KuOOfAFQvyHzYMN EhpIZuxUtGoJIx9gjoRUhQa5PepT3hFkLBLb2OKJ/Q/VwcGhy4tpLI0nK9WeR2JEtWI1C+sBSf2OUo9WCi7OuRUR22raJ mDg7EoBRCZE/KsKx/oHrrvbonh0T8AgGf5M=" />
</div>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00 $ScriptManager1', 'form1', [], [], [], 90, 'ctl00');
//]]>
</script>
<div id="PageWrapper">
<div id="Header"><a href="./"></a></div>
<div id="MenuWrapper">
<a href="#Menu1_SkipLink"><img alt="Skip Navigation Links" src="/WebResource.axd?d=d_KSAOxYWLItM6UQZcjaT8mzeEnkhr4S te8pnzWjYsz4D7mlr1u9W6NYVIXXJJGR6_BI_DjeD-IhPLzoFzgBnK90ThPDX8A8V0-JsMNzoHw1&t=634690850012412110" width="0" height="0" style="border-width:0px;" /></a><div class="MainMenu" id="Menu1">
<ul class="level1">
<li><a title="Go to the homepage" class="level1" href="/Default.aspx">Home</a></li><li><a title="Reviews published on this site" class="level1" href="/Reviews/Default.aspx">Reviews</a><ul class="level2">
<li><a title="All Reviews Grouped by Genre" class="level2" href="/Reviews/AllByGenre.aspx">By Genre</a></li><li><a title="All Reviews" class="level2" href="/Reviews/All.aspx">All Reviews</a></li>
</ul></li><li><a title="About this Site" class="level1" href="/About/Default.aspx">About</a><ul class="level2">
<li><a title="Contact Us" class="level2" href="/About/Contact.aspx">Contact Us</a></li><li><a title="About Us" class="level2" href="/About/AboutUs.aspx">About Us</a></li>
</ul></li><li><a title="Log in to this web site" class="level1" href="/Login.aspx">Login</a></li>
</ul>
</div><a id="Menu1_SkipLink"></a>
</div>
<div id="MainContent">
<span id="SiteMapPath1"><a href="#SiteMapPath1_SkipLink"><img alt="Skip Navigation Links" height="0" width="0" src="/WebResource.axd?d=d_KSAOxYWLItM6UQZcjaT8mzeEnkhr4S te8pnzWjYsz4D7mlr1u9W6NYVIXXJJGR6_BI_DjeD-IhPLzoFzgBnK90ThPDX8A8V0-JsMNzoHw1&t=634690850012412110" style="border-width:0px;" /></a><a id="SiteMapPath1_SkipLink"></a></span><br /><br />
<ul class="ItemContainer">
<li style="">Description:
<span id="cpMainContent_ListView1_DescriptionLabel_0">11 </span>
<br />
ToolTip:
<span id="cpMainContent_ListView1_ToolTipLabel_0">11</span>
<br />
<img id="cpMainContent_ListView1_ImageUrl_0" Text="~/GigPics/2de06251-23e5-4f7d-88aa-206c179704e5.jpg" src="" />
<br />
<input type="submit" name="ctl00$cpMainContent$ListView1$ctrl0$DeleteBu tton" value="Delete" id="cpMainContent_ListView1_DeleteButton_0" class="MyButton" style="background-color:#7A70A4;" />
</li>
<li style="">Description:
<span id="cpMainContent_ListView1_reqDesc" style="visibility:hidden;">Enter a description.</span>
<input name="ctl00$cpMainContent$ListView1$ctrl1$Descript ionTextBox" type="text" id="cpMainContent_ListView1_DescriptionTextBox" />
<br />
ToolTip:
<span id="cpMainContent_ListView1_reqTooltip" style="visibility:hidden;">Enter a tool tip.</span>
<input name="ctl00$cpMainContent$ListView1$ctrl1$ToolTipT extBox" type="text" id="cpMainContent_ListView1_ToolTipTextBox" />
<br />
<input type="file" name="ctl00$cpMainContent$ListView1$ctrl1$FileUplo ad1" id="cpMainContent_ListView1_FileUpload1" /><br />
<span id="cpMainContent_ListView1_cusValImage" style="visibility:hidden;">Select a valid .jpg file.</span>
<br />
<input type="submit" name="ctl00$cpMainContent$ListView1$ctrl1$InsertBu tton" value="Insert" onclick="javascript:WebForm_DoPostBackWithOptions( new WebForm_PostBackOptions("ctl00$cpMainContent$ ListView1$ctrl1$InsertButton", "", true, "", "", false, false))" id="cpMainContent_ListView1_InsertButton" class="MyButton" style="background-color:#7A70A4;" />
<input type="submit" name="ctl00$cpMainContent$ListView1$ctrl1$CancelBu tton" value="Clear" id="cpMainContent_ListView1_CancelButton" class="MyButton" style="background-color:#7A70A4;" />
</li>
</ul>
</div>
<div id="Sidebar">Select a Theme <br />
<select name="ctl00$ThemeList" onchange="javascript:setTimeout('__doPostBack(\'ct l00$ThemeList\',\'\')', 0)" id="ThemeList">
<option selected="selected" value="Monochrome">Monochrome</option>
<option value="DarkGrey">DarkGrey</option>
</select>
<br />
<div id="Banner1_VerticalPanel">
<a href="http://p2p.wrox.com" id="Banner1_VerticalLink" target="_blank">
<img id="Banner1_Image1" src="Images/Banner120x240.gif" alt="This is a sample banner" />
</a>
</div>
<br />
<br />
</div>
<div id="Footer">Footer Goes Here</div>
</div>
<script type="text/javascript">
//<![CDATA[
var Page_Validators = new Array(document.getElementById("cpMainContent_ListV iew1_reqDesc"), document.getElementById("cpMainContent_ListView1_r eqTooltip"), document.getElementById("cpMainContent_ListView1_c usValImage"));
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
var cpMainContent_ListView1_reqDesc = document.all ? document.all["cpMainContent_ListView1_reqDesc"] : document.getElementById("cpMainContent_ListView1_r eqDesc");
cpMainContent_ListView1_reqDesc.controltovalidate = "cpMainContent_ListView1_DescriptionTextBox";
cpMainContent_ListView1_reqDesc.errormessage = "Enter a description.";
cpMainContent_ListView1_reqDesc.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid";
cpMainContent_ListView1_reqDesc.initialvalue = "";
var cpMainContent_ListView1_reqTooltip = document.all ? document.all["cpMainContent_ListView1_reqTooltip"] : document.getElementById("cpMainContent_ListView1_r eqTooltip");
cpMainContent_ListView1_reqTooltip.controltovalida te = "cpMainContent_ListView1_ToolTipTextBox";
cpMainContent_ListView1_reqTooltip.errormessage = "Enter a tool tip.";
cpMainContent_ListView1_reqTooltip.evaluationfunct ion = "RequiredFieldValidatorEvaluateIsValid";
cpMainContent_ListView1_reqTooltip.initialvalue = "";
var cpMainContent_ListView1_cusValImage = document.all ? document.all["cpMainContent_ListView1_cusValImage"] : document.getElementById("cpMainContent_ListView1_c usValImage");
cpMainContent_ListView1_cusValImage.errormessage = "Select a valid .jpg file.";
cpMainContent_ListView1_cusValImage.evaluationfunc tion = "CustomValidatorEvaluateIsValid";
//]]>
</script>
<script type='text/javascript'>new Sys.WebForms.Menu({ element: 'Menu1', disappearAfter: 500, orientation: 'horizontal', tabIndex: 0, disabled: false });</script>
<script type="text/javascript">
//<![CDATA[
var Page_ValidationActive = false;
if (typeof(ValidatorOnLoad) == "function") {
ValidatorOnLoad();
}
function ValidatorOnSubmit() {
if (Page_ValidationActive) {
return ValidatorCommonOnSubmit();
}
else {
return true;
}
}
document.getElementById('cpMainContent_ListView1_r eqDesc').dispose = function() {
Array.remove(Page_Validators, document.getElementById('cpMainContent_ListView1_r eqDesc'));
}
document.getElementById('cpMainContent_ListView1_r eqTooltip').dispose = function() {
Array.remove(Page_Validators, document.getElementById('cpMainContent_ListView1_r eqTooltip'));
}
document.getElementById('cpMainContent_ListView1_c usValImage').dispose = function() {
Array.remove(Page_Validators, document.getElementById('cpMainContent_ListView1_c usValImage'));
}
//]]>
</script>
</form>
</body>
</html>
|
Here's the coding for ManagePhotoAlbum.aspx
Quote:
<%@ Page Title="Manage Photo Album" Language="VB" MasterPageFile="~/MasterPages/Frontend.master" AutoEventWireup="false" CodeFile="ManagePhotoAlbum.aspx.vb" Inherits="_ManagePhotoAlbum" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cpMainContent" Runat="Server">
<asp:ListView ID="ListView1" runat="server" DataKeyNames="Id" DataSourceID="EntityDataSource1" InsertItemPosition="LastItem">
<InsertItemTemplate>
<li style="">Description:
<asp:RequiredFieldValidator ID="reqDesc" ControlToValidate="DescriptionTextBox" runat="server" ErrorMessage="Enter a description." />
<asp:TextBox ID="DescriptionTextBox" runat="server" Text='<%# Bind("Description") %>' />
<br />
ToolTip:
<asp:RequiredFieldValidator ID="reqTooltip" ControlToValidate="ToolTipTextBox" runat="server" ErrorMessage="Enter a tool tip." />
<asp:TextBox ID="ToolTipTextBox" runat="server" Text='<%# Bind("ToolTip") %>' />
<br />
<asp:FileUpload ID="FileUpload1" runat="server" /><br />
<asp:CustomValidator ID="cusValImage" runat="server" ErrorMessage="Select a valid .jpg file." />
<br />
<asp:Button ID="InsertButton" runat="server" CommandName="Insert" Text="Insert" />
<asp:Button ID="CancelButton" runat="server" CommandName="Cancel" Text="Clear" CausesValidation="False" />
</li>
</InsertItemTemplate>
<ItemTemplate>
<li style="">Description:
<asp:Label ID="DescriptionLabel" runat="server" Text='<%# Eval("Description") %>' />
<br />
ToolTip:
<asp:Label ID="ToolTipLabel" runat="server" Text='<%# Eval("ToolTip") %>' />
<br />
<asp:Image ID="ImageUrl" runat="server" Text='<%# Eval("ImageUrl") %>' />
<br />
<asp:Button ID="DeleteButton" runat="server" CommandName="Delete" Text="Delete" CausesValidation="False" />
</li>
</ItemTemplate>
<LayoutTemplate>
<ul class="ItemContainer">
<li runat="server" id="itemPlaceholder" />
</ul>
</LayoutTemplate>
</asp:ListView>
<asp:EntityDataSource ID="EntityDataSource1" runat="server" ConnectionString="name=PlanetWroxEntities" DefaultContainerName="PlanetWroxEntities" EnableDelete="True" EnableFlattening="False" EnableInsert="True" EntitySetName="Pictures" Where="it.PhotoAlbumId = @photoAlbumId">
<WhereParameters>
<asp:QueryStringParameter Name="PhotoAlbumId" QueryStringField="PhotoAlbumId" Type="Int32" />
</WhereParameters>
</asp:EntityDataSource>
</asp:Content>
|
|
|
April 16th, 2012, 08:36 AM
|
 |
Wrox Author
|
|
Join Date: Jun 2003
Posts: 17,089
Thanks: 80
Thanked 1,576 Times in 1,552 Posts
|
|
Hi there,
Take a look at this:
Code:
<asp:Image ID="ImageUrl" runat="server" Text='<%# Eval("ImageUrl") %>' />
You're binding to the Text property while you should bind to the ImageUrl property.
Hope this helps,
Imar
|
|
The Following User Says Thank You to Imar For This Useful Post:
|
|
|
April 16th, 2012, 10:34 AM
|
|
Authorized User
|
|
Join Date: Apr 2012
Posts: 10
Thanks: 0
Thanked 0 Times in 0 Posts
|
|
Hi Imar,
That solved it! :) Thanks for your help! I'm really enjoying your book, it's been a great help for my studies!
Regards,
Thomas Agius
|
|
April 16th, 2012, 03:15 PM
|
|
Wrox Author
|
|
Join Date: Jun 2003
Posts: 17,089
Thanks: 80
Thanked 1,576 Times in 1,552 Posts
|
|
Hi Thomas,
Good to hear you like the book so much!
Imar
|
|
|
|
button below this post to show your appreciation!
