Data Bound Controls in ASP.Net - Part 2 (DataList control)

The DataList Web server control displays rows of database information in customized format. These two controls play an important role in ASP.NET. They represent many common features.
Here is a sample code for DataList. we see this code in detail later on.

 ASP.Net Page Code:
<div>
        <h2 style="color: Green">
            DataList in ASP.NET using C#</h2>
        <asp:DataList ID="DataList1" runat="server" CssClass="Grid" DataSourceID="SqlDataSource1" 
                GridLines="Both" RepeatColumns="3" RepeatDirection="Horizontal" RepeatLayout="Table">
            
            <HeaderStyle  ForeColor="White" CssClass="HeaderStyle"/>
            <HeaderTemplate>
                Product Information
            </HeaderTemplate>
            <ItemStyle BackColor="#FFF7E7" ForeColor="#8C4510" />
            <ItemTemplate>
                ID:
                <asp:Label ID="AgeLabel" runat="server" Text='<%# Eval("ProductID") %>' />
                <br />
                Prod:
                <asp:Label ID="NameLabel" runat="server" Text='<%# Eval("ProductName") %>' 
                    ForeColor="#000099" />
                <br />
                Price:
                <asp:Label ID="DOBLabel" runat="server" Text='<%# Eval("UnitPrice") %>' />
                <br />
                
                Stock:
                <asp:Label ID="CourseLabel" runat="server" Text='<%# Eval("UnitsInstock") %>' />
                <br />
                order:
                <asp:Label ID="BranchLabel" runat="server" Text='<%# Eval("UnitsOnOrder") %>' />
                <br />
                Reorder:
                <asp:Label ID="CityLabel" runat="server" Text='<%# Eval("ReOrderLevel") %>' />
                <br />
                Quantity:
                <asp:Label ID="MobileNoLabel" runat="server" Text='<%# Eval("QuantityPerUnit") %>' />
                <br />
                <br />
            </ItemTemplate>
            <SelectedItemStyle BackColor="#738A9C" Font-Bold="True" ForeColor="White" />
            <FooterStyle BackColor="#F7DFB5" ForeColor="#8C4510" />
        </asp:DataList>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
            ConnectionString="<%$ ConnectionStrings:ChartDatabaseConnectionString %>" 
            SelectCommand="SELECT top 11 * FROM [Products]"></asp:SqlDataSource>
        <br />
    </div>

Output:



DataList Layouts:

The DataList control uses an HTML table to lay out the rendering of items to which the template is applied. You can control the order, direction, and number of columns for the individual table cells used to render DataList items. The following table describes the layout options that are supported by the DataList control.




We will see more about DataList control and other ASP.Net Data Bound controls in more detail in next blogs. :)




Comments

Post a Comment

Popular posts from this blog

Data Bound Controls in ASP.Net - Part 4 (FormView and DetailsView controls)

FormView The FormView control is used to display a single record from a data source. It is similar to the DetailsView control, except it displays user-defined templates instead of row fields. Creating your own templates gives you greater flexibility in controlling how the data is displayed. The FormView control supports the following features: ·          Binding to data source controls, such as SqlDataSource and ObjectDataSource. ·          Built-in inserting, updating and deleting capabilities. ·          Built-in paging capabilities. ·          Programmatic access to the FormView object model to dynamically set properties, handle events, and so on. ·          Customizable appearance through user-defined templates, themes, and styles. Templates For the FormView control to display content, you need to create templates for the different parts of the control. Most templates are optional; however, you must create a template for the mode in which the control is configur
Read more

ASP.net: HttpHandlers

Image
HTTPHandlers: ASP.NET handles all the HTTP requests coming from the user and generates the appropriate response for it. ASP.NET framework knows how to process different kind of requests based on extension. For example, it can handle request for .aspx , .ascx and .txt files, etc. When it receives any request, it checks the extension to see if it can handle that request and performs some predefined steps to serve that request. ASP.NET provides a low-level request/response API that enables developers to use .NET Framework classes to service incoming HTTP requests.So as a developer, One might want to handle some new kind of requests such as requests for .jpg or .gif. ASP.NET provides HTTPHandler to handle requests for .jpg or .gif. An ASP.NET HTTP handler is the process or endpoint that runs in response to a request made to an ASP.NET Web application. The most common handler is an ASP.NET page handler that processes .aspx files. When users request an .aspx file, the requ
Read more

The Clickjacking attack and X-Frame-Options

Clickjacking  Clickjacking is a type of “web framing” or “UI redressing” attack. What that simply means in practice is that: 1. A user (victim) is shown an innocuous, but enticing web page (think watch online video) 2. Another web page (that generally does something important – think add friends on social network) is layered on top of the first page and set to be transparent 3. When the user thinks they are clicking on the web page they see (video), they are actually clicking on the higher layered (framed) page that is transparent There are two main ways to prevent clickjacking: 1.     Sending the proper X-Frame-Options HTTP response headers that instruct the browser to not allow framing from other domains 2.     Employing defensive code in the UI to ensure that the current frame is the most top level window Using X-Frame-Options X-Frame-Options  originally invented by Microsoft for IE8, but supported by a number of browsers, this idea might have more
Read more