<div class="lineBubblediv" style="width: 100%;">
<span>
<asp:LinkButton ID="lblJanB1L1" runat="server" Text="" CommandName="ViewDetails" OnCommand="ExpandTaskLink_Command" OnClientClick="return getTaskLinkid(this.id);" Style="display: none;" CssClass="lineBubbledivTaskLink lineBubbledivTaskLinkWhite"></asp:LinkButton>
<asp:Button ID="btnJanB1" runat="server" CommandName="Expand" OnCommand="BubbleButton_Command" CommandArgument='<%#Eval("CategoryName")+"^Jan^B1"%>' Style="display: none;" onmouseover="dotBlink(this.id);" onmouseout="removedotBlink(this.id);" />
</span>
</div>
<div id="dialog1" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
This is the first modal dialog
<div id="GridPopUp" style="height: auto; border-radius: 5px; margin-bottom: 2%;">
<asp:Repeater ID="rptMarketingTimeLineDetiledView" runat="server" OnItemDataBound="rptMarketingTimeLineDetiledView_ItemDataBound">
<HeaderTemplate>
<table class="tblDetiledView">
</HeaderTemplate>
<ItemTemplate>
<tr style="margin-bottom: 10px; background-color: white;">
<td style="text-align: left;" nowrap="true">
<asp:Label ID="lblCategory" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"CategoryName") %>' CssClass="fontBold" Style="color: #23356E;"></asp:Label>
</td>
</tr>
<tr>
<td>
<asp:GridView ID="GVMarketingTimeLineDetiledView" runat="server" AutoGenerateColumns="false" GridLines="None" Style="width: 100%;" HeaderStyle-CssClass="MarketingTimeLineDetailedGridHeaderStyle" OnRowDataBound="RowDataBound" DataKeyNames="idx_task" ToolTip="Select a row to edit task details.">
<AlternatingRowStyle BackColor="#CDE5F5" />
<Columns>
<asp:BoundField DataField="TaskName" HeaderText="Task Name"
ItemStyle-Width="20%" HeaderStyle-CssClass="MarketingTimeLineHeader" ItemStyle-CssClass="MarketingTimeLineitem" />
<asp:BoundField DataField="StartDate" HeaderText="Start Date"
ItemStyle-Width="12%" HeaderStyle-CssClass="MarketingTimeLineHeader" DataFormatString="{0:MM/dd/yyyy}" ItemStyle-CssClass="MarketingTimeLineitem" />
<asp:BoundField DataField="EndDate" HeaderText="End Date"
ItemStyle-Width="13%" HeaderStyle-CssClass="MarketingTimeLineHeader" DataFormatString="{0:MM/dd/yyyy}" ItemStyle-CssClass="MarketingTimeLineitem" />
<asp:BoundField DataField="HaysContacts" HeaderText="Hays User"
ItemStyle-Width="20%" HeaderStyle-CssClass="MarketingTimeLineHeader" ItemStyle-CssClass="MarketingTimeLineitem" />
<asp:BoundField DataField="ClientContacts" HeaderText="Client Contact"
ItemStyle-Width="20%" HeaderStyle-CssClass="MarketingTimeLineHeader" ItemStyle-CssClass="MarketingTimeLineitem" />
<asp:BoundField DataField="StatusName" HeaderText="Status"
ItemStyle-Width="15%" HeaderStyle-CssClass="MarketingTimeLineHeader" ItemStyle-CssClass="MarketingTimeLineitem" />
</Columns>
</asp:GridView>
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
</div>
<div class="modal-footer">
<button type="button" id="dialog-close" class="btn btn-default" data-dismiss="modal">
Close</button>
</div>
</div>
</div>
</div>
<!--End of main div -->
</div>
protected void BubbleButton_Command(object sender, CommandEventArgs e)
{
if (e.CommandName == "Expand")
{
string strMonth = string.Empty;
string status = string.Empty;
string strCategory = "";
int idxCategory = 0;
if (e.CommandArgument != null)
{
string[] commandArgs = e.CommandArgument.ToString().Split(new string[] { "^" }, StringSplitOptions.None);
strCategory = commandArgs[0];
strMonth = commandArgs[1];
status = commandArgs[2];
hdnBubbleId.Value = "rptTimeLine_btn" + strMonth + status;
if (status == "B1")
{
status = "1";
}
else if (status == "B2")
{
status = "0";
}
else if (status == "B3")
{
status = "2";
}
}
DataTable dtDistinctCategoryValues = new DataTable();
Params = new Dictionary<string, object>();
Params["@status"] = Convert.ToInt32(status);
Params["@monthShortName"] = strMonth;
Params["@CategoryName"] = strCategory;
Params["@idx_Client"] = Convert.ToInt32(Session["Client_id"]);
string ProcName = "usp_getTaskDetailsByStatusCategoryAndMonth";
dtGetTaskdetails = new BusinessLogicCore().ExecuteDataTable(ProcName, Params, connection);
ScriptManager.RegisterStartupScript(this, GetType(), "Show Modal Popup", "showmodalpopup();", true);
DataView view = new DataView(dtGetTaskdetails);
dtDistinctCategoryValues = view.ToTable(true, "CategoryName");
RepeaterItem rptrow = ((sender as System.Web.UI.WebControls.Button).NamingContainer as RepeaterItem);
Repeater rptDetailsView = (Repeater)rptrow.FindControl("rptMarketingTimeLineDetiledView");
rptDetailsView.DataSource = dtDistinctCategoryValues;
rptDetailsView.DataBind();
}
}
function showmodalpopup() {
$("#dialog1").modal("show");
}
protected void rptMarketingTimeLineDetiledView_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
GridView gridView = (GridView)e.Item.FindControl("GVMarketingTimeLineDetiledView");
if (gridView != null)
{
DataRowView dataRowView = (DataRowView)e.Item.DataItem;
gridView.DataSource = GetPolicyDetailsByCategory(Convert.ToString(dataRowView["CategoryName"]));
gridView.DataBind();
}
}
}
How to see the repaeter and gridview as popup
