如何用jQuery实现ASP.NET GridView折叠伸展效果(2)

if (!IsPostBack) { List<Student> sList = new List<Student>() { new Student(){ SID = "s001", SName="张三", SSex="男"}, new Student(){ SID = "s002", SName="李四", SSex="女"}, new Student(){ SID = "s003", SName="王五", SSex="男"} }; GridView1.DataSource = sList; GridView1.DataBind(); } }

第三步：加入控制显示或隐藏GridView数据的按钮,代码如下：

<input type="button" value="隐藏" />

第四步：实现控制显示和隐藏的JS方法，代码如下：

function ShowDate() { var val = $("#btn").val(); var $rows = $("#GridView1").find(".test"); switch (val) { case "隐藏": $rows.hide(); $("#btn").val("显示"); break; case "显示": $rows.show(); $("#btn").val("隐藏"); break; } }

呵呵，实现这个功能的原因、人物、灵感、整个前因后果就介绍完啦，编程嘛不仅是要实现功能，更要融于生活。

以上四个方法都是紧密相连，互相有联系的，希望大家细细品味，仔细琢磨，真正成为自己的东西，运用到学习中。

您可能感兴趣的文章: