Hi,
Here I have created sample that will help you out.
HTML
<div>
<asp:ScriptManager ID="sm1" runat="server">
</asp:ScriptManager>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$('[id*=GridView1] tr td').click(function () {
var cellIndex = $(this).index();
if (cellIndex > 1) {
$find("mpe").show();
} else {
$find("mpe").hide();
}
return false;
});
});
</script>
<asp:LinkButton ID="lnkDummy" runat="server"></asp:LinkButton>
<cc1:ModalPopupExtender ID="ModalPopupExtender1" BehaviorID="mpe" runat="server"
PopupControlID="pnlPopup" TargetControlID="lnkDummy" CancelControlID="btn" BackgroundCssClass="modalBackground">
</cc1:ModalPopupExtender>
<asp:Panel ID="pnlPopup" runat="server" CssClass="modalPopup" GroupingText="Testing"
Style="display: none">
<asp:Label ID="label1" runat="server">This is a label from ModalPopupExtender.</asp:Label>
<br />
<button id="btn" runat="server">
Cancel</button>
</asp:Panel>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
<Columns>
<asp:TemplateField HeaderText="Id">
<ItemTemplate>
<asp:Label ID="lblId" runat="server" Text='<%# Eval("Id") %>' />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Reg. Id">
<ItemTemplate>
<asp:Label ID="lblRegId" runat="server" Text='<%# Eval("RegId") %>' />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="FirstName">
<ItemTemplate>
<asp:Label ID="lblFirstName" runat="server" Text='<%# Eval("FirstName") %>' />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="LastName">
<ItemTemplate>
<asp:Label ID="lblLastName" runat="server" Text='<%# Eval("LastName") %>' />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
C#
protected void Page_Load(object sender, EventArgs e)
{
GridView1.DataSource = new List<Item>
{
new Item {Id =1,RegId=111 ,FirstName = "David", LastName = "Morkel"},
new Item {Id =2,RegId=222,FirstName = "Kevin", LastName = "George"},
new Item {Id =3,RegId=333,FirstName = "Jhon", LastName = "Resig"},
new Item {Id =4,RegId=444,FirstName = "Peter", LastName = "Morkel"}
};
GridView1.DataBind();
}
public class Item
{
public int Id { get; set; }
public int RegId { get; set; }
public string FirstName { get; set; }
public string LastName { get; set; }
}
Screenshot
