The DetailLink tag renders as a clickable image at run-time. It is used to execute the <DetailDataSource>
of its parent <xmod:template>
and displays that data in the <DetailTemplate>
defined in the parent <xmod:template>
tag
.
<xmod:DetailLink
BackColor="color name|#dddddd"
BorderColor="color name|#dddddd"
BorderStyle="NotSet|None|Dotted|Dashed|Solid|Double|Groove|Ridge| Inset|Outset"
BorderWidth="size"
CssClass="string"
Font-Bold="True|False"
Font-Italic="True|False"
Font-Names="string"
Font-Overline="True|False"
Font-Size="string|Smaller|Larger|XX-Small|X-Small|Small|Medium| Large|X-Large|XX-Large"
Font-Strikeout="True|False"
Font-Underline="True|False"
ForeColor="color name|#dddddd"
Height="size"
OnClientClick="javascript"
Style="string"
Text="string"
ToolTip="string"
Visible="True|False"
Width="size">
<Parameter Name="string" Value="string" />
<Parameter Name="string" Value="string" />
...additional parameters as needed ...
</xmod:DetailLink>
<DetailDataSource>
tag of the <xmod:template>
tag. Typically, the detail command will include one or more <parameter>
tags that identify which record should be retrieved. The detail control should use the same parameter names and fill them with valid values, typically from the current record. That's why detail controls are typically found in <ItemTemplate>
and <AlternatingItemTemplate>
tags.
<div>
<table width="100%">
<tr>
<td width="250" valign="top">
<!-- EMPLOYEES TEMPLATE -->
<xmod:template id="Employees">
<listdatasource commandtext="SELECT EmployeeId, FirstName, LastName FROM XMPDemo_Employees WHERE DepartmentId = @DepartmentId">
<parameter name="DepartmentId" alias="DepartmentId"/>
</listdatasource>
<detaildatasource commandtext="SELECT * FROM XMPDemo_Employees WHERE EmployeeId = @EmpID">
<parameter name="EmployeeId" alias="EmpID" />
</detaildatasource>
<headertemplate>
<p>Employees</p>
</headertemplate>
<itemtemplate>
<div style="text-align: middle;">
<strong>[[FirstName]] [[LastName]]</strong>
<xmod:detaillink text="View Profile">
<parameter name="EmployeeId" value='[[EmployeeId]]' />
</xmod:detaillink>
</div>
</itemtemplate>
<detailtemplate>
<h1>Employee Profile</h1>
<h3>[[FirstName]] [[LastName]]</h3>
<h4>Biography:</h4>
<div>[[Bio]]</div>
</detailtemplate>
</xmod:template>
</td>
</tr>
</table>
</div>