使用Coolite.AjaxMethods.XXX局部刷新Microsoft的GridView

本文链接：https://blog.youkuaiyun.com/llxchen/article/details/5047038

本文介绍了一种使用 Coolite 的 Ajax 方法刷新 GridView 的方法，实现了类似 MS GridView 的增加、编辑、删除等功能，并解决了与 ViewState 相关的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.需求起因

由于目前项目中使用了Coolite的很多控件布局，而以前有些功能实现依敕于MS的GridView,更头疼的是公司以前专门用于页面表单处理的Editor在Coolite，MS的UpdatePanel相结合的时候不能正常工作，所以引出了这个用Coolite的Ajax方法（其它的Ajax方法也可）刷新GridView的问题。

2.功能说明

我需要一个类型GridView增加、编辑、删除的功能，在新增、修改、删除单行时不影响数据库，当所有数据编辑好之后，点击保存按钮进行整个GridView数据的保存。使用Coolite.AjaxMethods.XXX方式刷新GridView的显示。用这种方式关键问题在于Coolite的AjaxMethods进行Ajax请求及处理上，不会处理MS自己的ViewState。所以自己模拟了ViewState保存的过程，以达到解决此问题的方法。

3. 实现过程

由于Ajax方法返回必须是一个字符串，所以可将GridView绑定后生成的HTML代码作为返回值，这里我偷了一个懒，直接使用Coolite的Label来存GridView的HTML代码，让Coolite的Label自己更新，这样我不用自己要将HTML代码返回客户端，再写JS来呈现。

写一个用户控件，拖放GridView，按自己需要进行绑定。用户控件提供一个返回GenerInnerHTML的公共方法，用来返回GridView绑定之后生成的HTML代码。

完整代码：

GenerGridViewInnerHtml.ascx

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="GenerGridViewInnerHtml.ascx.cs" Inherits="CooliteAjaxMethodsSamples_GenerGridViewInnerHtml" %> <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding="4" ForeColor="#333333" GridLines="None" Width="691px"> <FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" /> <RowStyle BackColor="#FFFBD6" ForeColor="#333333" /> <Columns> <asp:BoundField DataField="Id" HeaderText="编号" /> <asp:BoundField DataField="Name" HeaderText="Name" /> <asp:BoundField DataField="Addr" HeaderText="Addr" /> <asp:TemplateField HeaderText="操作"> <ItemTemplate> <a href="javascript:delSingleRow('<%# Eval(" mce_href="javascript:delSingleRow('<%# Eval("Id") %>');">删除</a> </ItemTemplate> </asp:TemplateField> </Columns> <PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" /> <SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" /> <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" /> <AlternatingRowStyle BackColor="White" /> </asp:GridView>

GenerGridViewInnerHtml.ascx.cs

ReurbishGridView.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ReurbishGridView.aspx.cs" EnableEventValidation="false" Inherits="CooliteAjaxMethodsSamples_ReurbishGridView" %> <%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title>无标题页</title> <mce:script language="javascript" type="text/javascript"></mce:script> </head> <body> <form id="form1" runat="server"> <div> <ext:ScriptManager ID="s1" runat="server"></ext:ScriptManager> Name:<asp:TextBox ID="TB_Name" runat="server"></asp:TextBox><br /> Addr:<asp:TextBox ID="TB_Addr" runat="server"></asp:TextBox><br /> <button id="BT_Add" onclick="addRowToGrid();">增加</button> <ext:Label runat="server" ID="GridContainer"></ext:Label> <ext:Hidden runat="server" ID="m_viewStateLb"></ext:Hidden> </div> </form> </body> </html>

ReurbishGridView.aspx.cs

using System; using System.Collections; using System.Configuration; using System.Data; using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Xml.Linq; using Coolite.Ext.Web; using System.Collections.Generic; public partial class CooliteAjaxMethodsSamples_ReurbishGridView : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack && !Ext.IsAjaxRequest) { Ini(); } } private void Ini() { SetViewState(c_gridSourceKey, GetTestObject); GridContainer.Html = GetGridViewInnerHTML(); } private const string c_gridSourceKey = "grid"; [AjaxMethod] public void AddRowToGrid(string name, string addr) { List<People> list = GetViewState(c_gridSourceKey) as List<People>; int id = list.Count == 0 ? 0 : ((People)list[list.Count - 1]).Id + 1; People p = new People(id,name, addr); list.Add(p); SetViewState(c_gridSourceKey, list); GridContainer.Html = GetGridViewInnerHTML(); } [AjaxMethod] public void DelSingleRow(string id) { List<People> oldList = GetViewState(c_gridSourceKey) as List<People>; List<People> newList = new List<People>(); foreach (People p in oldList) { if (p.Id != Convert.ToInt32(id)) newList.Add(p); } SetViewState(c_gridSourceKey, newList); GridContainer.Html = GetGridViewInnerHTML(); } private string GetGridViewInnerHTML() { List<People> data = GetViewState(c_gridSourceKey) as List<People>; CooliteAjaxMethodsSamples_GenerGridViewInnerHtml uctl = this.LoadControl("GenerGridViewInnerHTML.ascx") as CooliteAjaxMethodsSamples_GenerGridViewInnerHtml; return uctl.GenerInnerHTML(data); } public override void VerifyRenderingInServerForm(Control control) { //如果control是GridView，跳过验证，这里最好的验证是验证control的Id if (control is System.Web.UI.WebControls.GridView || control is System.Web.UI.WebControls.LinkButton) { return; } base.VerifyRenderingInServerForm(control); } private List<People> GetTestObject { get { List<People> list = new List<People>(); list.Add(new People(1,"张三", "四川成都市")); list.Add(new People(2,"邢林莉", "河南郑洲市")); list.Add(new People(3,"李小林", "泸洲上新区")); return list; } } #region ------处理自定义的ViewState(模拟ViewState，保存GridView的数据源)------ private Dictionary<string, object> m_innerViewState; private void TryBuildViewState() { if (m_innerViewState == null) { LoadState(); } } private void UpdateState() { m_viewStateLb.Text = H2O.Basic.ObjectStringFormatter.ToBase64String(this.m_innerViewState); } private void LoadState() { if (string.IsNullOrEmpty(m_viewStateLb.Text)) { this.m_innerViewState = new Dictionary<string, object>(); return; } this.m_innerViewState = (Dictionary<string, object>)H2O.Basic.ObjectStringFormatter.FromBase64String(m_viewStateLb.Text); } public void SetViewState(string key, object obj) { TryBuildViewState(); m_innerViewState[key] = obj; UpdateState(); } public object GetViewState(string key) { object r; TryBuildViewState(); if (m_innerViewState.TryGetValue(key, out r)) return r; return null; } #endregion [Serializable] public class People { private int m_id; private string m_name, m_addr; public People(int id, string name, string addr) { m_id = id; m_name = name; m_addr = addr; } public int Id { get { return m_id; } set { m_id = value; } } public string Name { get { return m_name; } set { m_name = value; } } public string Addr { get { return m_addr; } set { m_addr = value; } } } }

总的来说还是比较麻烦，对Coolite控件的使用还不太熟悉。希望大家有什么问题和看法，请提出来一起交流。请各位前辈多加指点，谢谢。