У меня есть gridview внутри gridview. В настоящее время, когда я нажимаю на одну панель, она открывает ее, а когда я нажимаю на другую, она открывает другую, но не закрывает ту, которая была открыта ранее. Я хочу, чтобы одновременно открывалась только одна панель.
<%--INSTITUTION PANEL START--%>
<div class="panel panel-danger">
<div class="panel-heading">
<h4>
<i class="fa fa-plus-circle" aria-hidden="true"></i> <asp:LinkButton ID="lnkCreateInstitution" runat="server" OnClick="lnkCreateInstitution_Click">Create New Institution</asp:LinkButton>
</h4>
</div>
<div class="panel-body">
<asp:GridView ID="dgInstitute" runat="server" AutoGenerateColumns="False" CellPadding="0"
CellSpacing="0" ShowHeaderWhenEmpty="True" PageSize="100" Width="100%" CssClass="table table-responsive table-bordered"
Visible="true" UseAccessibleHeader="true" OnRowCreated="dgInstitute_RowCreated"
OnDataBound="dgInstitute_DataBound" OnRowDataBound="dgInstitute_RowDataBound">
<Columns>
<asp:BoundField HeaderText="Id" DataField="refGroupId" HeaderStyle-HorizontalAlign="Left" HeaderStyle-CssClass="gridHeader panel-default"></asp:BoundField>
<asp:TemplateField HeaderStyle-CssClass="gridHeader panel-default">
<ItemTemplate>
<div class="panel panel-primary">
<div class="panel-heading">
<div class="row">
<div class="col-lg-12">
<asp:Button ID="btnInstituteName" Text='<%#Eval("refValues") %>' CssClass="btn btn-Institute"
runat="server" OnClick="btnInstituteName_Click" CommandArgument='<%#Eval("refGroupId") %>' />
</div>
</div>
</div>
<%--PROGRAM PANEL START--%>
<asp:Panel ID="programPanel" runat="server" class="hidden">
<div id="pnlProgramBody" runat="server" class="panel-body">
<h5>
<i class="fa fa-plus-circle" aria-hidden="true"></i> <asp:LinkButton ID="lnkCreateProgram" runat="server" OnClick="lnkCreateProgram_Click">Create New Program</asp:LinkButton></h5>
<asp:GridView ID="dgProgram" runat="server" AutoGenerateColumns="False" CellPadding="0"
CellSpacing="0" ShowHeaderWhenEmpty="True" PageSize="100" Width="100%"
OnRowDataBound="dgProgram_RowDataBound" OnRowCreated="dgProgram_RowCreated" CssClass="table table-responsive table-bordered zero-margin-table"
Visible="true" UseAccessibleHeader="true">
<Columns>
<asp:BoundField HeaderText="Id" DataField="refGroupId" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="80%" HeaderStyle-CssClass="gridHeader panel-default"></asp:BoundField>
<asp:TemplateField HeaderStyle-CssClass="gridHeader panel-default" ShowHeader="false" HeaderStyle-Width='20%'>
<ItemTemplate>
<asp:Button ID="btnProgram" AutoPostBack="true" Width="100%" CssClass="btn btn-primary btn-embossed" runat="server"
Text='<%#Eval("refValues") %>'
OnClick="btnProgram_Click" CommandArgument='<%#Eval("refGroupId") %>' />
</ItemTemplate>
</asp:TemplateField>
</Columns>
<HeaderStyle CssClass="panel-default"></HeaderStyle>
<RowStyle CssClass=""></RowStyle>
</asp:GridView>
</div>
</asp:Panel>
<%--PROGRAM PANEL END--%>
</div>
</ItemTemplate>
</asp:TemplateField>
</Columns>
<HeaderStyle CssClass="panel-default"></HeaderStyle>
<RowStyle CssClass=""></RowStyle>
</asp:GridView>
<%--INSTITUTION PANEL END--%>
здесь Институт является первой панелью, которая содержит названия институтов в виде кнопки. Он приходит из базы данных и связывается с gridview dgInstitute. Этот gridView содержит вторую панель со списком программ, а также из базы данных. Каждый институт содержит несколько программ.
protected void dgInstitute_RowCreated(object sender, GridViewRowEventArgs e)
{
#region VISIBLE FALSE
e.Row.Cells[0].Visible = false;
#endregion
}
protected void dgInstitute_DataBound(object sender, EventArgs e)
{
#region VISBLE FALSE
dgInstitute.HeaderRow.Cells[1].Visible = false;
#endregion
}
protected void dgInstitute_RowDataBound(object sender, GridViewRowEventArgs e)
{
#region BIND PROGRAM VALUES
if (e.Row.RowType == DataControlRowType.DataRow)
{
GridView nestedGridView = e.Row.FindControl("dgProgram") as GridView;
dsResult = new System.Data.DataSet();
parentId = e.Row.Cells[0].Text;
dsResult = getProgram(parentId);
nestedGridView.DataSource = dsResult;
nestedGridView.DataBind();
nestedGridView.HeaderRow.Cells[1].Visible = false;
nestedGridView.Columns[0].Visible = false;
}
#endregion
}
protected void btnInstituteName_Click(object sender, EventArgs e)
{
#region SHOW/HIDE PRORAMS
Button instituteButton = (Button)sender;
GridViewRow programGrid = (GridViewRow)instituteButton.NamingContainer;
Panel programPanel = programGrid.FindControl("programPanel") as Panel;
if (programPanel.Attributes["class"] == "hidden")
{
programPanel.Attributes["class"] = "visible";
}
else
{
programPanel.Attributes["class"] = "hidden";
}
#endregion
}
protected void dgProgram_RowCreated(object sender, GridViewRowEventArgs e)
{
#region VISIBLE FALSE
e.Row.Cells[0].Visible = false;
#endregion
}
Теперь, когда я нажимаю на институт, он открывает панель, чтобы показать панель программ с сеткой, содержащей список программ, и когда я снова нажимаю на ту же панель, она закрывает ее. Так что это работает отлично. Но когда одна панель программ открыта для определенного института, и я нажимаю на кнопку другого института, она закрывает другие открытые панели программ.
Любые предложения. я использую asp .net панель и комбинацию gridview, потому что мне приходится выполнять много задач.
