Simplifying ASP.NET ListView Control Templates by Dan Wahlin
Simplifying ASP.NET ListView Control Templates by Dan Wahlin
I've been working with the new ListView control in ASP.NET 3.5 combining it with LINQ and Lambda expressions and was finding myself duplicating a lot of code between ItemTemplate and AlternatingItemTemplate templates (I'll be posting the sample application that demonstrates using LINQ, Lambdas and Stored Procedures soon). The AlternatingItemTemplate contained the same code as the ItemTemplate except for a CSS class added to the first <tr> element to change the background color. Here's an example of both templates that were used initially:
1 2 | <span style="color: blue;"><</span><span style="color: #a31515;">ItemTemplate</span><span style="color: blue;">> <</span><span style="color: #a31515;">tr </span><span style="color: red;">class</span><span style="color: blue;">="even"</span><span style="color: blue;">> <</span><span style="color: #a31515;">td </span><span style="color: red;">class</span><span style="color: blue;">="tdControls"> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">LinkButton </span><span style="color: red;">ID</span><span style="color: blue;">="EditButton" </span><span style="color: red;">CommandName</span><span style="color: blue;">="Edit" </span><span style="color: red;">runat</span><span style="color: blue;">="server" </span><span style="color: red;">Text</span><span style="color: blue;">="Edit"></</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">LinkButton</span><span style="color: blue;">> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">LinkButton </span><span style="color: red;">ID</span><span style="color: blue;">="DeleteButton" </span><span style="color: red;">OnClientClick</span><span style="color: blue;">="return confirm('Delete Record?');" </span><span style="color: red;">CommandName</span><span style="color: blue;">="Delete" </span><span style="color: red;">CommandArgument</span><span style="color: blue;">='</span><span style="background: #ffee62;"><%</span># Eval("CustomerID")<span style="background: #ffee62;">%></span><span style="color: blue;">' </span><span style="color: red;">runat</span><span style="color: blue;">="server" </span><span style="color: red;">Text</span><span style="color: blue;">="Delete"></</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">LinkButton</span><span style="color: blue;">> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> </span><span style="background: #ffee62;"><%</span># Eval("CustomerID") <span style="background: #ffee62;">%></span><span style="color: blue;"> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> </span><span style="background: #ffee62;"><%</span># Eval("CompanyName") <span style="background: #ffee62;">%></span><span style="color: blue;"> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> </span><span style="background: #ffee62;"><%</span># Eval("ContactName") <span style="background: #ffee62;">%></span><span style="color: blue;"> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> </span><span style="background: #ffee62;"><%</span># Eval("ContactTitle") <span style="background: #ffee62;">%></span><span style="color: blue;"> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> </span><span style="background: #ffee62;"><%</span># Eval("Address") <span style="background: #ffee62;">%></span><span style="color: blue;"> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> </span><span style="background: #ffee62;"><%</span># Eval("City") <span style="background: #ffee62;">%></span><span style="color: blue;"> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> </span><span style="background: #ffee62;"><%</span># Eval("Country") <span style="background: #ffee62;">%></span><span style="color: blue;"> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">LinkButton </span><span style="color: red;">ID</span><span style="color: blue;">="lbOrders" </span><span style="color: red;">runat</span><span style="color: blue;">="server" </span><span style="color: red;">Text</span><span style="color: blue;">="Orders" </span><span style="color: red;">CommandName</span><span style="color: blue;">="ViewOrders" </span><span style="color: red;">CommandArgument</span><span style="color: blue;">='</span><span style="background: #ffee62;"><%</span># Eval("CustomerID") <span style="background: #ffee62;">%></span><span style="color: blue;">' /> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> </</span><span style="color: #a31515;">tr</span><span style="color: blue;">> <</span><span style="color: #a31515;">tr </span><span style="color: red;">id</span><span style="color: blue;">="trOrders" </span><span style="color: red;">runat</span><span style="color: blue;">="server" </span><span style="color: red;">visible</span><span style="color: blue;">="false"> <</span><span style="color: #a31515;">td</span><span style="color: blue;">></span><span style="color: red;">&nbsp;</span><span style="color: blue;"></</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td </span><span style="color: red;">colspan</span><span style="color: blue;">="8"> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">GridView </span><span style="color: red;">id</span><span style="color: blue;">="gvOrders" </span><span style="color: red;">runat</span><span style="color: blue;">="server" </span><span style="color: red;">AutoGenerateColumns</span><span style="color: blue;">="False" </span><span style="color: red;">BackColor</span><span style="color: blue;">="White" </span><span style="color: red;">BorderColor</span><span style="color: blue;">="#999999" </span><span style="color: red;">BorderStyle</span><span style="color: blue;">="Solid" </span><span style="color: red;">BorderWidth</span><span style="color: blue;">="1px" </span><span style="color: red;">CellPadding</span><span style="color: blue;">="3" </span><span style="color: red;">ForeColor</span><span style="color: blue;">="Black" </span><span style="color: red;">GridLines</span><span style="color: blue;">="Vertical" </span><span style="color: red;">Width</span><span style="color: blue;">="500px" </span><span style="color: red;">EnableViewState</span><span style="color: blue;">="false"> <</span><span style="color: #a31515;">FooterStyle </span><span style="color: red;">BackColor</span><span style="color: blue;">="#CCCCCC" /> <</span><span style="color: #a31515;">Columns</span><span style="color: blue;">> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">BoundField </span><span style="color: red;">DataField</span><span style="color: blue;">="OrderID" </span><span style="color: red;">HeaderText</span><span style="color: blue;">="OrderID" </span><span style="color: red;">SortExpression</span><span style="color: blue;">="OrderID" /> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">BoundField </span><span style="color: red;">DataField</span><span style="color: blue;">="OrderDate" </span><span style="color: red;">HeaderText</span><span style="color: blue;">="OrderDate" </span><span style="color: red;">SortExpression</span><span style="color: blue;">="OrderDate" </span><span style="color: red;">HtmlEncode</span><span style="color: blue;">="false" </span><span style="color: red;">DataFormatString</span><span style="color: blue;">="{0:d}" /> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">BoundField </span><span style="color: red;">DataField</span><span style="color: blue;">="RequiredDate" </span><span style="color: red;">HeaderText</span><span style="color: blue;">="RequiredDate" </span><span style="color: red;">SortExpression</span><span style="color: blue;">="RequiredDate" </span><span style="color: red;">HtmlEncode</span><span style="color: blue;">="false" </span><span style="color: red;">DataFormatString</span><span style="color: blue;">="{0:d}" /> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">BoundField </span><span style="color: red;">DataField</span><span style="color: blue;">="ShippedDate" </span><span style="color: red;">HeaderText</span><span style="color: blue;">="ShippedDate" </span><span style="color: red;">SortExpression</span><span style="color: blue;">="ShippedDate" </span><span style="color: red;">HtmlEncode</span><span style="color: blue;">="false" </span><span style="color: red;">DataFormatString</span><span style="color: blue;">="{0:d}" /> </</span><span style="color: #a31515;">Columns</span><span style="color: blue;">> <</span><span style="color: #a31515;">AlternatingRowStyle </span><span style="color: red;">BackColor</span><span style="color: blue;">="#eaeaea" /> </</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">GridView</span><span style="color: blue;">> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> </</span><span style="color: #a31515;">tr</span><span style="color: blue;">> </</span><span style="color: #a31515;">ItemTemplate<span style="color: blue;">></span></span> <span style="color: blue;"><</span><span style="color: #a31515;">AlternatingItemTemplate</span><span style="color: blue;">> <</span><span style="color: #a31515;">tr </span><span style="color: red;">class</span><span style="color: blue;">="odd"</span><span style="color: blue;">> <</span><span style="color: #a31515;">td </span><span style="color: red;">class</span><span style="color: blue;">="tdControls"> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">LinkButton </span><span style="color: red;">ID</span><span style="color: blue;">="EditButton" </span><span style="color: red;">CommandName</span><span style="color: blue;">="Edit" </span><span style="color: red;">runat</span><span style="color: blue;">="server" </span><span style="color: red;">Text</span><span style="color: blue;">="Edit"></</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">LinkButton</span><span style="color: blue;">> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">LinkButton </span><span style="color: red;">ID</span><span style="color: blue;">="DeleteButton" </span><span style="color: red;">OnClientClick</span><span style="color: blue;">="return confirm('Delete Record?');" </span><span style="color: red;">CommandName</span><span style="color: blue;">="Delete" </span><span style="color: red;">CommandArgument</span><span style="color: blue;">='</span><span style="background: #ffee62;"><%</span># Eval("CustomerID")<span style="background: #ffee62;">%></span><span style="color: blue;">' </span><span style="color: red;">runat</span><span style="color: blue;">="server" </span><span style="color: red;">Text</span><span style="color: blue;">="Delete"></</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">LinkButton</span><span style="color: blue;">> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> </span><span style="background: #ffee62;"><%</span># Eval("CustomerID") <span style="background: #ffee62;">%></span><span style="color: blue;"> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> </span><span style="background: #ffee62;"><%</span># Eval("CompanyName") <span style="background: #ffee62;">%></span><span style="color: blue;"> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> </span><span style="background: #ffee62;"><%</span># Eval("ContactName") <span style="background: #ffee62;">%></span><span style="color: blue;"> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> </span><span style="background: #ffee62;"><%</span># Eval("ContactTitle") <span style="background: #ffee62;">%></span><span style="color: blue;"> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> </span><span style="background: #ffee62;"><%</span># Eval("Address") <span style="background: #ffee62;">%></span><span style="color: blue;"> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> </span><span style="background: #ffee62;"><%</span># Eval("City") <span style="background: #ffee62;">%></span><span style="color: blue;"> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> </span><span style="background: #ffee62;"><%</span># Eval("Country") <span style="background: #ffee62;">%></span><span style="color: blue;"> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">LinkButton </span><span style="color: red;">ID</span><span style="color: blue;">="lbOrders" </span><span style="color: red;">runat</span><span style="color: blue;">="server" </span><span style="color: red;">Text</span><span style="color: blue;">="Orders" </span><span style="color: red;">CommandName</span><span style="color: blue;">="ViewOrders" </span><span style="color: red;">CommandArgument</span><span style="color: blue;">='</span><span style="background: #ffee62;"><%</span># Eval("CustomerID") <span style="background: #ffee62;">%></span><span style="color: blue;">' /> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> </</span><span style="color: #a31515;">tr</span><span style="color: blue;">> <</span><span style="color: #a31515;">tr </span><span style="color: red;">id</span><span style="color: blue;">="trOrders" </span><span style="color: red;">runat</span><span style="color: blue;">="server" </span><span style="color: red;">visible</span><span style="color: blue;">="false"> <</span><span style="color: #a31515;">td</span><span style="color: blue;">></span><span style="color: red;">&nbsp;</span><span style="color: blue;"></</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td </span><span style="color: red;">colspan</span><span style="color: blue;">="8"> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">GridView </span><span style="color: red;">id</span><span style="color: blue;">="gvOrders" </span><span style="color: red;">runat</span><span style="color: blue;">="server" </span><span style="color: red;">AutoGenerateColumns</span><span style="color: blue;">="False" </span><span style="color: red;">BackColor</span><span style="color: blue;">="White" </span><span style="color: red;">BorderColor</span><span style="color: blue;">="#999999" </span><span style="color: red;">BorderStyle</span><span style="color: blue;">="Solid" </span><span style="color: red;">BorderWidth</span><span style="color: blue;">="1px" </span><span style="color: red;">CellPadding</span><span style="color: blue;">="3" </span><span style="color: red;">ForeColor</span><span style="color: blue;">="Black" </span><span style="color: red;">GridLines</span><span style="color: blue;">="Vertical" </span><span style="color: red;">Width</span><span style="color: blue;">="500px" </span><span style="color: red;">EnableViewState</span><span style="color: blue;">="false"> <</span><span style="color: #a31515;">FooterStyle </span><span style="color: red;">BackColor</span><span style="color: blue;">="#CCCCCC" /> <</span><span style="color: #a31515;">Columns</span><span style="color: blue;">> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">BoundField </span><span style="color: red;">DataField</span><span style="color: blue;">="OrderID" </span><span style="color: red;">HeaderText</span><span style="color: blue;">="OrderID" </span><span style="color: red;">SortExpression</span><span style="color: blue;">="OrderID" /> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">BoundField </span><span style="color: red;">DataField</span><span style="color: blue;">="OrderDate" </span><span style="color: red;">HeaderText</span><span style="color: blue;">="OrderDate" </span><span style="color: red;">SortExpression</span><span style="color: blue;">="OrderDate" </span><span style="color: red;">HtmlEncode</span><span style="color: blue;">="false" </span><span style="color: red;">DataFormatString</span><span style="color: blue;">="{0:d}" /> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">BoundField </span><span style="color: red;">DataField</span><span style="color: blue;">="RequiredDate" </span><span style="color: red;">HeaderText</span><span style="color: blue;">="RequiredDate" </span><span style="color: red;">SortExpression</span><span style="color: blue;">="RequiredDate" </span><span style="color: red;">HtmlEncode</span><span style="color: blue;">="false" </span><span style="color: red;">DataFormatString</span><span style="color: blue;">="{0:d}" /> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">BoundField </span><span style="color: red;">DataField</span><span style="color: blue;">="ShippedDate" </span><span style="color: red;">HeaderText</span><span style="color: blue;">="ShippedDate" </span><span style="color: red;">SortExpression</span><span style="color: blue;">="ShippedDate" </span><span style="color: red;">HtmlEncode</span><span style="color: blue;">="false" </span><span style="color: red;">DataFormatString</span><span style="color: blue;">="{0:d}" /> </</span><span style="color: #a31515;">Columns</span><span style="color: blue;">> <</span><span style="color: #a31515;">AlternatingRowStyle </span><span style="color: red;">BackColor</span><span style="color: blue;">="#eaeaea" /> </</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">GridView</span><span style="color: blue;">> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> </</span><span style="color: #a31515;">tr</span><span style="color: blue;">> </</span><span style="color: #a31515;">AlternatingItemTemplate</span><span style="color: blue;">></span> |
It seemed like a waste (and a maintenance headache) to have both templates duplicating the same code while only needing background color changes so I decided to adjust it by adding a little code into the first <tr> tag to dynamically assign the CSS class based upon odd or even rows. It calls the ListViewDataItem class's DataItemIndex property and applies a modulus operation to it. This isn't anything new of course (I've done the same type of thing for years with GridView and DataGrid controls), but it's a nice trick that can save a lot of duplicated code if you haven't seen it.
1 | <span style="color: blue;"><</span><span style="color: #a31515;">ItemTemplate</span><span style="color: blue;">> </span><span style="color: blue;"><<span style="color: #a31515;">tr</span> <span style="color: red;">class</span>='<span style="background: #ffee62;"><%</span># (Container.DataItemIndex % 2 == 0)?"even":"odd" <span style="background: #ffee62;">%></span>'> <span style="color: blue;"> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> </span> </span><span style="color: blue;"> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">LinkButton </span><span style="color: red;">ID</span><span style="color: blue;">="EditButton" </span><span style="color: red;">CommandName</span><span style="color: blue;">="Edit" </span><span style="color: red;">runat</span><span style="color: blue;">="server" </span><span style="color: red;">Text</span><span style="color: blue;">="Edit"></</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">LinkButton</span><span style="color: blue;">> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">LinkButton </span><span style="color: red;">ID</span><span style="color: blue;">="DeleteButton" </span><span style="color: red;">OnClientClick</span><span style="color: blue;">="return confirm('Delete Record?');" </span><span style="color: red;">CommandName</span><span style="color: blue;">="Delete" </span><span style="color: red;">CommandArgument</span><span style="color: blue;">='</span><span style="background: #ffee62;"><%</span># Eval("CustomerID")<span style="background: #ffee62;">%></span><span style="color: blue;">' </span><span style="color: red;">runat</span><span style="color: blue;">="server" </span><span style="color: red;">Text</span><span style="color: blue;">="Delete"></</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">LinkButton</span><span style="color: blue;">> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> </span><span style="background: #ffee62;"><%</span># Eval("CustomerID") <span style="background: #ffee62;">%></span><span style="color: blue;"> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> </span><span style="background: #ffee62;"><%</span># Eval("CompanyName") <span style="background: #ffee62;">%></span><span style="color: blue;"> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> </span><span style="background: #ffee62;"><%</span># Eval("ContactName") <span style="background: #ffee62;">%></span><span style="color: blue;"> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> </span><span style="background: #ffee62;"><%</span># Eval("ContactTitle") <span style="background: #ffee62;">%></span><span style="color: blue;"> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> </span><span style="background: #ffee62;"><%</span># Eval("Address") <span style="background: #ffee62;">%></span><span style="color: blue;"> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> </span><span style="background: #ffee62;"><%</span># Eval("City") <span style="background: #ffee62;">%></span><span style="color: blue;"> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> </span><span style="background: #ffee62;"><%</span># Eval("Country") <span style="background: #ffee62;">%></span><span style="color: blue;"> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">LinkButton </span><span style="color: red;">ID</span><span style="color: blue;">="lbOrders" </span><span style="color: red;">runat</span><span style="color: blue;">="server" </span><span style="color: red;">Text</span><span style="color: blue;">="Orders" </span><span style="color: red;">CommandName</span><span style="color: blue;">="ViewOrders" </span><span style="color: red;">CommandArgument</span><span style="color: blue;">='</span><span style="background: #ffee62;"><%</span># Eval("CustomerID") <span style="background: #ffee62;">%></span><span style="color: blue;">' /> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> </</span><span style="color: #a31515;">tr</span><span style="color: blue;">> <</span><span style="color: #a31515;">tr </span><span style="color: red;">id</span><span style="color: blue;">="trOrders" </span><span style="color: red;">runat</span><span style="color: blue;">="server" </span><span style="color: red;">visible</span><span style="color: blue;">="false"> <</span><span style="color: #a31515;">td</span><span style="color: blue;">></span><span style="color: red;">&nbsp;</span><span style="color: blue;"></</span><span style="color: #a31515;">td</span><span style="color: blue;">> <</span><span style="color: #a31515;">td </span><span style="color: red;">colspan</span><span style="color: blue;">="8"> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">GridView </span><span style="color: red;">id</span><span style="color: blue;">="gvOrders" </span><span style="color: red;">runat</span><span style="color: blue;">="server" </span><span style="color: red;">AutoGenerateColumns</span><span style="color: blue;">="False" </span><span style="color: red;">BackColor</span><span style="color: blue;">="White" </span><span style="color: red;">BorderColor</span><span style="color: blue;">="#999999" </span><span style="color: red;">BorderStyle</span><span style="color: blue;">="Solid" </span><span style="color: red;">BorderWidth</span><span style="color: blue;">="1px" </span><span style="color: red;">CellPadding</span><span style="color: blue;">="3" </span><span style="color: red;">ForeColor</span><span style="color: blue;">="Black" </span><span style="color: red;">GridLines</span><span style="color: blue;">="Vertical" </span><span style="color: red;">Width</span><span style="color: blue;">="500px" </span><span style="color: red;">EnableViewState</span><span style="color: blue;">="false"> <</span><span style="color: #a31515;">FooterStyle </span><span style="color: red;">BackColor</span><span style="color: blue;">="#CCCCCC" /> <</span><span style="color: #a31515;">Columns</span><span style="color: blue;">> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">BoundField </span><span style="color: red;">DataField</span><span style="color: blue;">="OrderID" </span><span style="color: red;">HeaderText</span><span style="color: blue;">="OrderID" </span><span style="color: red;">SortExpression</span><span style="color: blue;">="OrderID" /> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">BoundField </span><span style="color: red;">DataField</span><span style="color: blue;">="OrderDate" </span><span style="color: red;">HeaderText</span><span style="color: blue;">="OrderDate" </span><span style="color: red;">SortExpression</span><span style="color: blue;">="OrderDate" </span><span style="color: red;">HtmlEncode</span><span style="color: blue;">="false" </span><span style="color: red;">DataFormatString</span><span style="color: blue;">="{0:d}" /> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">BoundField </span><span style="color: red;">DataField</span><span style="color: blue;">="RequiredDate" </span><span style="color: red;">HeaderText</span><span style="color: blue;">="RequiredDate" </span><span style="color: red;">SortExpression</span><span style="color: blue;">="RequiredDate" </span><span style="color: red;">HtmlEncode</span><span style="color: blue;">="false" </span><span style="color: red;">DataFormatString</span><span style="color: blue;">="{0:d}" /> <</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">BoundField </span><span style="color: red;">DataField</span><span style="color: blue;">="ShippedDate" </span><span style="color: red;">HeaderText</span><span style="color: blue;">="ShippedDate" </span><span style="color: red;">SortExpression</span><span style="color: blue;">="ShippedDate" </span><span style="color: red;">HtmlEncode</span><span style="color: blue;">="false" </span><span style="color: red;">DataFormatString</span><span style="color: blue;">="{0:d}" /> </</span><span style="color: #a31515;">Columns</span><span style="color: blue;">> <</span><span style="color: #a31515;">AlternatingRowStyle </span><span style="color: red;">BackColor</span><span style="color: blue;">="#eaeaea" /> </</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">GridView</span><span style="color: blue;">> </</span><span style="color: #a31515;">td</span><span style="color: blue;">> </</span><span style="color: #a31515;">tr</span><span style="color: blue;">> </</span><span style="color: #a31515;">ItemTemplate<span style="color: blue;">> </span> </span> |
You May Also Like
.NET, ASP.NET, Control Templates, CSS, LINQ, ListView, Web Development
A Simple Introduction to Cisco CML2
0 3859 0Mark Jacob, Cisco Instructor, presents an introduction to Cisco Modeling Labs 2.0 or CML2.0, an upgrade to Cisco’s VIRL Personal Edition. Mark demonstrates Terminal Emulator access to console, as well as console access from within the CML2.0 product. Hello, I’m Mark Jacob, a Cisco Instructor and Network Instructor at Interface Technical Training. I’ve been using … Continue reading A Simple Introduction to Cisco CML2
Cable Testers and How to Use them in Network Environments
0 713 1This content is from our CompTIA Network + Video Certification Training Course. Start training today! In this video, CompTIA Network + instructor Rick Trader demonstrates how to use cable testers in network environments. Let’s look at some tools that we can use to test our different cables in our environment. Cable Testers Properly Wired Connectivity … Continue reading Cable Testers and How to Use them in Network Environments
Government Edition – Encrypting a USB Flash Drive in Windows 10
0 272 2In this video, Security Instructor Mike Danseglio demonstrates how to use BitLocker in Window 10 to secure files on a USB Flash drive that adhere to stricter data protection requirements as found inside Government entities. BitLocker 2-day instructor-led training is now available at Interface: BITLOCK: Planning and Deploying BitLocker Drive Encryption Training Video Transcription: Hi. … Continue reading Government Edition – Encrypting a USB Flash Drive in Windows 10