用UpdatePanel异步展开GridView行数据_.NET学习网|ASP.NET教程|ASP.NET MVC|ASP.NET 源码|VS2010教程|ASP.NET视频教程|vs2010中文旗舰版下载

在MIS系统中经常用到查询出数据列表后,展开及收缩详细信息操作,下面介绍一种非常直观的异步展开方式,异步的展开方式同时也可以减轻系统压力:

步骤:

1.在你的aspx页面头部注册System.Web.Extensions

<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
Namespace="System.Web.UI" TagPrefix="asp" %>

2.在form表单里加入ScriptManager

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

3.在GridView外嵌套一个UpdatePanel,并指定局部刷新Triggers属性值

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:GridView ID="gvDemand" runat="server" Width="100%" AutoGenerateColumns="False" DataKeyNames="ID" OnRowCommand="gvDemand_RowCommand">

/**此处为GridView里的内容...脚本有点多,页面全部html代码请点这里下载**/

此处要注意的地方就是展开部分ID的命名,默认为不显示

</GridView>

</ContentTemplate>
<Triggers>
　　<asp:AsyncPostBackTrigger ControlID="gvDemand" EventName="RowCommand" />
</Triggers>
</asp:UpdatePanel>

4.接下来编写服务器端代码gvDemand_RowCommand

代码

protected void gvDemand_RowCommand(object sender, GridViewCommandEventArgs e)
        {
            string rowIndex = e.CommandArgument.ToString();
            switch (e.CommandName.ToLower())
            {
                case "showdetail": //显示详细信息
                    int index = 0;
                    if (int.Parse(rowIndex) % pager.PageSize == 0)
                    { index = pager.PageSize - 1; }
                    else
                    { index = (int.Parse(rowIndex) % pager.PageSize) - 1; }
                    HtmlTableRow trShowDetail = (HtmlTableRow)gvDemand.Rows[index].FindControl("trShowDetail");
                    if (trShowDetail != null)
                    {
                        if (trShowDetail.Visible == false)
                        {
                            trShowDetail.Visible = true;
                            //流程控件处理
                            WorkFlow.UserControl.ActionToolBar flowBar = ((WorkFlow.UserControl.ActionToolBar)gvDemand.Rows[index].FindControl("ActionToolBar1"));
                            if (flowBar != null)
                            {
                                flowBar.BindFlowData();
                            }
                        }
                        else
                        {
                            trShowDetail.Visible = false;
                        }
                    }
                    break;
                default:
                    break;
            }
        }

5.效果图(点击单据编号即可异步展开下面的详细信息及流程审批信息,再次点击收缩):

两个Checkbox的控制	Textbox上实现右键菜单
在ListView控件里对数据排序	AspNetPager样式以及使用
ASPxGridView全选和选择返回选择行的主键	让TreeView的SelectNodeIndex未改变的情况下也触发Click事件
GridView设定不自动生成列	设定GridView内框线的颜色
Repeater使用AspNetPager分页控件	Gridview自定义排序且显示上下箭头
访问Formview模板内控件	FCKeditor自定义非空验证
ListBox或DropDownList实现Ctrl+鼠标左键实现多选	.NET TextBox动态提示功能
.NET验证控件Display属性值Static和Dynamic的区别	DataList编辑,更新,删除及模板的使用
Literal控件的使用及与Label控件的区别	AspNetPager为DataList分页

Winform企业综合人事管理系统	C#使用DataBinding、DataView进行数据绑定一些实例
i-favourite3.0Build多用户博客系统免安装版源码	慧摩森电子系统技术公司整站(.Net+ACCESS)
Silverlight实现的在线头像截取功能	医院门诊管理系统源码
淄博某泵业网站源码	基于SQLite开发的数据库示例
CRM客户关系管理系统源码	Asp.net简单多用户Blog程序源码
快速查询ICP备案号的VB.Net源码	isRoc个人内容管理系统简约iPlaySoft皮肤
Asp.net修正版eWebEditor源码	Tab可切换皮肤的后台模板

.NET学习网|ASP.NET教程|ASP.NET MVC|ASP.NET 源码|VS2010教程|ASP.NET视频教程|vs2010中文旗舰版下载

热门标签

用UpdatePanel异步展开GridView行数据

Tags：GridView