Understanding Templated Controls

Understanding Templated Controls

Templated controls are a powerful feature of ASP.NET that allow you to define custom markup and behavior for individual items in a collection of data. Templated controls are used extensively in data-driven applications to display and manipulate data, and they are also used to create reusable user interface components such as custom form controls and widgets.

Templated controls are defined in the markup of an ASP.NET page using templates. A template is a block of markup that defines the appearance and behavior of an individual item in the control. The most common types of templates are the ItemTemplate and the EditItemTemplate, which are used to define the appearance and behavior of items in read-only and editable modes, respectively.

The content of a template can include HTML markup, server controls, data binding expressions, and custom code. You can also define multiple templates for a single control, allowing you to create different views or modes for the same data.

Here’s an example of a templated control in ASP.NET:

<asp:Repeater ID=”Repeater1″ runat=”server” DataSourceID=”SqlDataSource1″>

    <ItemTemplate>

        <div class=”item”>

            <h2><%# Eval(“Title”) %></h2>

            <p><%# Eval(“Description”) %></p>

            <asp:ImageButton ID=”ImageButton1″ runat=”server” ImageUrl=”~/images/edit.png” CommandName=”Edit” CommandArgument='<%# Eval(“Id”) %>’ />

            <asp:ImageButton ID=”ImageButton2″ runat=”server” ImageUrl=”~/images/delete.png” CommandName=”Delete” CommandArgument='<%# Eval(“Id”) %>’ />

        </div>

    </ItemTemplate>

</asp:Repeater>

In this example, the Repeater control is used to display a collection of items. The ItemTemplate is used to define the markup for each item in the collection, which consists of a title, a description, and two image buttons for editing and deleting the item. The content of the template includes data binding expressions, which are used to bind the values of the Title and Description fields to the markup of the control, and command arguments, which are used to pass additional data to the server when the user clicks on the edit or delete buttons. Overall, templated controls are a powerful tool for creating dynamic and data-driven user interfaces in ASP.NET. With their flexibility and extensibility, templated controls enable you to build rich and interactive applications that meet the needs of your users.

Apply for ASP.NET Certification Now!!

https://www.vskills.in/certification/certified-aspnet-programmer

Back to Tutorial