通过单击超链接（不是加号和减号）在网格视图中展开和折叠答案

【问题标题】：Expand and Collapse in gridview by clicking on Hyperlink(Not plus and Minus Symbols)通过单击超链接（不是加号和减号）在网格视图中展开和折叠
【发布时间】：2018-05-16 05:54:00
【问题描述】：

任何人都可以通过单击超链接来帮助我编写用于在 Gridview 中展开和折叠的代码。我们有一个多列的网格。我们在 Grid 中间有一列，整个列是一个超链接。表示带有超链接的数字。我想为该列编写展开和折叠代码。在中间我们不能保留任何符号，如减号和加号。

<asp:GridView ID="grdrequisitions" runat="server"
    AutoGenerateColumns="false" AllowPaging="True" OnPageIndexChanging="grdrequisitions_PageIndexChanging"
    OnRowCommand="grdrequisitions_RowCommand"
    CssClass="table table-hover table-bordered table-striped table-page new-table" ShowHeaderWhenEmpty="True" PageSize="15" EmptyDataText="No records found" class="WordWrap">
    <Columns>
    <asp:TemplateField>
        <ItemTemplate>
            <asp:CheckBox ID="chkRow" runat="server" AutoPostBack="True" OnCheckedChanged="ChkSelectChanged" onclick="CheckBoxCheck(this);" />
        </ItemTemplate>
    </asp:TemplateField>
    <asp:BoundField DataField="WorkforcePlanStatus" HeaderText="Status" />  <%--1--%>
    <asp:BoundField DataField="WorkforcePlanID" HeaderText="WFP ID" HtmlEncode="false" />  <%--2--%>
    <asp:BoundField DataField="CRMOpportunityCode" HeaderText="O2R ID" />   <%--3--%>
    <asp:BoundField DataField="DeliveryUnit" HeaderText="Delivery Unit" /> <%--4--%>
    <asp:BoundField DataField="CustomerAccount" HeaderText="Account" /> <%--5--%>
    <asp:TemplateField HeaderText="# Openings"> <%--6--%>

    <ItemTemplate>
       <asp:LinkButton ID="lnkTotalHeadCount" Style="color: #0000b3;"
           runat="server"
           CausesValidation="false"
           CommandName="TotalHeadCount"
           Text='<%# Eval("TotalHeadCount") %>'
           CommandArgument='<%# Eval("WorkforcePlanID") %>'
           EnableTheming="False">                                                   
     </asp:LinkButton>
     </ItemTemplate>
     </asp:TemplateField>

这里是代码。我必须为ID="lnkTotalHeadCount" 编写展开和折叠代码。请帮帮我

【问题讨论】：

标签： c# asp.net

【解决方案1】：

试试下面的代码。希望它能回答你的问题。

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">


<script type="text/javascript">
    function toggleColumn(link)
    {
        var div = $(link).siblings('.countDiv');
        //alert(div.length);
        $(div).toggle();
    }
</script>

<asp:GridView ID="GridView1" AutoGenerateColumns="false" runat="server">
    <Columns>
        <asp:TemplateField HeaderText="# Openings"> 
<ItemTemplate>
    <a style="cursor:pointer;" onclick="toggleColumn(this)"><%# Eval("Count") %></a>      
    <div class="countDiv">
        Total Count: 20
    </div>
 </ItemTemplate>
 </asp:TemplateField>
    </Columns>
</asp:GridView>

Default.aspx.cs 文件：

  namespace aspnetWeb
      {
    public partial class _Default : Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            List<Student> list = new List<Student>();

            for(int i=1;i<=10;i++)
            list.Add(new Student { ID = 1, Count = 20 });

            GridView1.DataSource = list.AsQueryable();
            GridView1.DataBind();
        }
    }

    public class Student
    {
        public int ID { get; set; }

        public int Count { get; set; }
    }
 }

【讨论】：