Contents tagged with LocalDB
Τhis is the fifth post in a series of posts on how to design and implement an ASP.Net 4.5 Web Forms store that sells posters on line.
Τhis is the fourth post in a series of posts on how to design and implement an ASP.Net 4.5 Web Forms store that sells posters on line.
Τhis is the third post in a series of posts on how to design and implement an ASP.Net 4.5 Web Forms store that sells posters on line.
In this new post I will keep making some minor changes in the Markup,CSS and Master page but there is no point in presenting them here. They are just minor changes to reflect the content and layout I want my site to have.
What I need to do now is to add some more pages and start displaying properly data from my database.
Having said that I will show you how to add more pages to the web application and present data.
1) Launch Visual Studio and open your solution where your project lives
2) Add a new web form item on the project.Make sure you include the Master Page.Name it PosterList.aspx
Have a look at the picture below
3) In Site.Master add the following link to the master page so the user can navigate to it.You should only add the line in bold
<li><a runat="server" href="~/">Home</a></li>
<li><a runat="server" href="~/About.aspx">About</a></li>
<li><a runat="server" href="~/Contact.aspx">Contact</a></li>
4) Now we need to display categories from the database. We will use a ListView web server control.Inside the <div id="body"> add the following code.
<a href="/PosterList.aspx?id=<%#: Item.PosterCategoryID %>">
<%#: Item.PosterCategoryName %>
<ItemSeparatorTemplate> ----- </ItemSeparatorTemplate>
Let me explain what the code does.We have the ListView control that displays each poster category's name.It also includes a link to the PosterList.aspx page with a query-string value containing the ID of the category. We set the ItemType property in the ListView to the PosterCategory entity .We set the SelectMethod property to a method GetPosterCategories. Now we can use the data-binding expression Item (<%#: %>) that is available within the ItemTemplate .
5) Now we must write the GetPosterCategories method. In the Site.Master.cs file add the following code.This is just a simple function that returns the poster categories.
public IQueryable<PosterCategory> GetPosterCategories()
PosterContext ctx = new PosterContext();
IQueryable<PosterCategory> query = ctx.PosterCategories;
6) I just changed a few things in the Site.css file to style the new <section> HTML element that includes the ListView control.
text-align: center; background-color: #85C465;
7) Build and run your application. Everything should compile now. Have a look at the picture below.The links (poster categories) appear.Τhe ListView control when is called during the page lifecycle calls the GetPosterCategories() method.The method is executed and returns the poster categories that are bound to the control.
When I click on any of the poster category links, the PosterList.aspx page will show up with the appropriate Id that is the PosterCategoryID.
Have a look at the picture below
We will add more data-enabled controls in the next post in the PosterList.aspx page. Some people are complaining the posts are too long so I will keep them short.
Hope it helps!!!
Τhis is the second post in a series of posts on how to design and implement an ASP.Net 4.5 Web Forms store that sells posters on line.
I am going to start a new series of posts on how to build an application using ASP.Net 4.5 Web forms.A few days back I have been asked to present a number of presentations on ASP.Net 4.5.
I have been looking into ASP.Net MVC 4.0 lately and I thought it would be a nice idea to create a small ASP.Net MVC 4.0 application and write a post about it.