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 3703 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
Creating Dynamic DNS in Network Environments
0 557 1This content is from our CompTIA Network + Video Certification Training Course. Start training today! In this video, CompTIA Network + instructor Rick Trader teaches how to create Dynamic DNS zones in Network Environments. Video Transcription: Now that we’ve installed DNS, we’ve created our DNS zones, the next step is now, how do we produce those … Continue reading Creating Dynamic DNS in Network Environments
Configuring Windows Mobility Center and How to Turn it On and Off
1 1413 1Video transcription Steve Fullmer: In our Windows training courses, we often share information about the Windows 8.1 Mobility Center. Mobility Center was introduced for mobile and laptop devices in Windows 7. It’s present and somewhat enhanced in Windows 8. Since we don’t have mobile devices in our classrooms, I decided to take a little bit … Continue reading Configuring Windows Mobility Center and How to Turn it On and Off