扩展GridView控件(4) - 联动复选框（复选框的全选和取消全选）

GridView既强大又好用。为了让它更强大、更好用，我们来写一个继承自GridView的控件。
[索引页]
[源码下载]

扩展GridView控件(4) - 联动复选框（复选框的全选和取消全选）

作者：webabcd

/*正式版的实现 开始*/

介绍
扩展GridView控件：
联动复选框（复选框的全选和取消全选）。选中指定的父复选框，则设置指定的所有子复选框为选中状态；取消选中指定的父复选框，则设置指定的所有子复选框为取消选中状态。如果指定的所有子复选框为均选中状态，则设置指定的父复选框为选中状态；如果指定的所有子复选框至少有一个为取消选中状态，则设置指定的父复选框为取消选中状态

使用方法（设置CascadeCheckboxes集合属性）：
ParentCheckboxID - 模板列中 父复选框ID
ChildCheckboxID - 模板列中 子复选框ID
YYControls.Helper.SmartGridView中的静态方法
List<DataKey> GetCheckedDataKey(GridView gv, int columnIndex)
List<DataKey> GetCheckedDataKey(GridView gv, string checkboxId)


关键代码
js

/**//*联动复选框 开始*/
var yy_sgv_ccGridView_pre = new Array(); // cs中动态向其灌数据（GridView内控件ID的前缀数组）
var yy_sgv_ccAll_post = new Array(); // cs中动态向其灌数据（全选复选框ID的后缀数组）
var yy_sgv_ccItem_post = new Array(); // cs中动态向其灌数据（项复选框ID的后缀数组）

function yy_sgv_ccCheck(e) 
{
/// <summary>单击复选框时</summary>

    var evt = e || window.event; // FF || IE
    var obj = evt.target || evt.srcElement  // FF || IE

    var ccIndex = -1;
    for (var i=0; i<yy_sgv_ccGridView_pre.length; i++)
    {   
        if (obj.id.yy_sgv_startsWith(yy_sgv_ccGridView_pre[i]))
        {
            ccIndex = i;
            break;
        }
    }
    
    if (ccIndex != -1)
    {
        if (obj.id.yy_sgv_endsWith(yy_sgv_ccAll_post[i]))
        {
            yy_sgv_ccCheckAll(ccIndex, obj.checked);
        }
        else if (obj.id.yy_sgv_endsWith(yy_sgv_ccItem_post[i]))
        {
            yy_sgv_ccCheckItem(ccIndex);
        }
    }
}

function yy_sgv_ccCheckAll(ccIndex, isCheckAll)
{
/// <summary>设置全选复选框的状态</summary>

    var elements =  document.getElementsByTagName("INPUT");
    
    for (i=0; i< elements.length; i++) 
    {       
        if (elements[i].type == 'checkbox' 
            && elements[i].id.yy_sgv_startsWith(yy_sgv_ccGridView_pre[ccIndex]) 
            && elements[i].id.yy_sgv_endsWith(yy_sgv_ccItem_post[ccIndex])) 
        {
            elements[i].checked = isCheckAll;
            
            if (yy_sgv_crClassName != '')
            {
                yy_sgv_changeCheckedRowCssClass(elements[i], yy_sgv_crClassName, false);
            }
        }
    }    
}

function yy_sgv_ccCheckItem(ccIndex)
{
/// <summary>单击项复选框时</summary>

    var elements =  document.getElementsByTagName("INPUT");
    
    var checkedNum = 0;
    var uncheckedNum = 0;
    
    for (i=0; i< elements.length; i++) 
    {       
        if (elements[i].type == 'checkbox' 
            && elements[i].id.yy_sgv_startsWith(yy_sgv_ccGridView_pre[ccIndex]) 
            && elements[i].id.yy_sgv_endsWith(yy_sgv_ccItem_post[ccIndex])) 
        {
            if (elements[i].checked)
            {
                checkedNum++;
            }
            else
            {
                uncheckedNum++;
            }
        }
    }
    
    if (uncheckedNum == 0)
    {
        yy_sgv_ccCheckCheckbox(yy_sgv_ccGridView_pre[ccIndex], yy_sgv_ccAll_post[ccIndex], true)
    }
    else
    {
        yy_sgv_ccCheckCheckbox(yy_sgv_ccGridView_pre[ccIndex], yy_sgv_ccAll_post[ccIndex], false)
    }
}

function yy_sgv_ccCheckCheckbox(pre, post, isCheckAll)
{
/// <summary>设置项复选框的状态</summary>

    var elements =  document.getElementsByTagName("INPUT");
    
    for (i=0; i< elements.length; i++) 
    {       
        if (elements[i].type == 'checkbox'
            && elements[i].id.yy_sgv_startsWith(pre) 
            && elements[i].id.yy_sgv_endsWith(post)) 
        {
            elements[i].checked = isCheckAll;
            break;
        }
    }    
}

function yy_sgv_ccListener()
{
/// <summary>监听所有联动复选框的单击事件</summary>

    var elements =  document.getElementsByTagName("INPUT");
    
    for (i=0; i< elements.length; i++) 
    {       
        if (elements[i].type == 'checkbox') 
        {
            for (j=0; j<yy_sgv_ccGridView_pre.length; j++)
            {
                if (elements[i].id.yy_sgv_startsWith(yy_sgv_ccGridView_pre[j]) 
                    && (elements[i].id.yy_sgv_endsWith(yy_sgv_ccAll_post[j]) || elements[i].id.yy_sgv_endsWith(yy_sgv_ccItem_post[j])))
                {
                    yy_sgv_addEvent(elements[i], 'click', yy_sgv_ccCheck); 
                    break;
                }
            }
        }
    }    
}
   
if (document.all)
{
    window.attachEvent('onload', yy_sgv_ccListener)
}
else
{
    window.addEventListener('load', yy_sgv_ccListener, false);
}
/**//*联动复选框 结束*/

c#

using System;
using System.Collections.Generic;
using System.Text;

using System.Web.UI.WebControls;
using System.Web.UI;

namespace YYControls.SmartGridViewFunction
{
    /**//// <summary>
    /// 扩展功能：联动复选框（复选框的全选和取消全选）
    /// </summary>
    public class CascadeCheckboxFunction : ExtendFunction
    {
        /**//// <summary>
        /// 构造函数
        /// </summary>
        public CascadeCheckboxFunction()
            : base()
        {

        }

        /**//// <summary>
        /// 构造函数
        /// </summary>
        /// <param name="sgv">SmartGridView对象</param>
        public CascadeCheckboxFunction(SmartGridView sgv)
            : base(sgv)
        {

        }

        /**//// <summary>
        /// 扩展功能的实现
        /// </summary>
        protected override void Execute()
        {
            this._sgv.PreRender += new EventHandler(_sgv_PreRender);
        }

        /**//// <summary>
        /// SmartGridView的PreRender事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        void _sgv_PreRender(object sender, EventArgs e)
        {
            // 构造向数组中添加成员的脚本
            string scriptString = "";
            foreach (CascadeCheckbox cc in this._sgv.CascadeCheckboxes)
            {
                scriptString += String.Format("yy_sgv_ccGridView_pre.push('{0}');", Helper.Common.GetChildControlPrefix(this._sgv));
                scriptString += String.Format("yy_sgv_ccAll_post.push('{0}');", cc.ParentCheckboxID);
                scriptString += String.Format("yy_sgv_ccItem_post.push('{0}');", cc.ChildCheckboxID);
            }

            // 注册向数组中添加成员的脚本
            if (!this._sgv.Page.ClientScript.IsClientScriptBlockRegistered(String.Format("yy_sgv_cascadeCheckbox_{0}", this._sgv.ID)))
            {
                this._sgv.Page.ClientScript.RegisterClientScriptBlock
                (
                    this._sgv.GetType(),
                    String.Format("yy_sgv_cascadeCheckbox_{0}", this._sgv.ID),
                    scriptString,
                    true
                );
            }
        }
    }
}

/*正式版的实现 结束*/

/*测试版的实现 开始*/

介绍
平时使用GridView的时候经常要给每行加一个复选框，然后还需要放置一个单独的全选复选框，通过单击它来让这些复选框全选或取消全选，每次实现这样的功能都要写一段javascript，麻烦，所以扩展它。


控件开发
1、新建一个继承自GridView的类。

/**//// <summary>
/// 继承自GridView
/// </summary>
[ToolboxData(@"<{0}:SmartGridView runat='server'></{0}:SmartGridView>")]
public class SmartGridView : GridView
{
}

2、新建一个JavaScriptConstant类，把我们要用到的javascript存在一个常量里

using System;
using System.Collections.Generic;
using System.Text;

namespace YYControls.SmartGridView
{
    /**//// <summary>
    /// javascript
    /// </summary>
    public class JavaScriptConstant
    {
        internal const string jsCheckAll = @"<script type=""text/javascript"">
        //<![CDATA[

        // 隐藏字段的ID，用于存每组的全选复选框ID
        var hdnAllName = '[$AllName$]';
        // 隐藏字段的ID，用于存每的项复选框ID
        var hdnItemName = '[$ItemName$]';
        // 组分隔符，一个 全选复选框 和其对应的n个 项复选框 为一个组
        var groupSeparator = '[$GroupSeparator$]';
        // 项分隔符，项复选框 每个项之间的分隔符
        var itemSeparator = '[$ItemSeparator$]';

        var strAlls = GetObject(hdnAllName).value;
        var strItems = GetObject(hdnItemName).value;

        // 全选复选框数组
        var aryAlls = strAlls.split(groupSeparator);
        // 项复选框数组，每行有一个组的所有项复选框
        var aryItems = strItems.split(groupSeparator);

        // 全选复选框被单击，参数为 该全选复选框这个对象
        function ClickCheckAll(objAll)
        {
            // 每个全选复选框
            for (var i=0; i<aryAlls.length; i++)
            {
                // 该全选复选框是所单击的全选复选框
                if (aryAlls[i] == objAll.id)
                {
                    // 该全选复选框同组下的项复选框数组
                    aryItem = aryItems[i].split(itemSeparator);
                    for (var j=0; j<aryItem.length; j++)
                    {
                        // 单击的全选复选框是选中状态，并且项复选框不是disabled，则选中
                        if (objAll.checked && !GetObject(aryItem[j]).parentElement.disabled)
                        {
                            GetObject(aryItem[j]).checked = true;
                        }
                        // 否则
                        else
                        {
                            GetObject(aryItem[j]).checked = false;
                        }
                    }
                
                    break;
                }
            }
        }

        // 项复选框被单击
        function ClickCheckItem()
        {
            // 每组项复选框
            for (var i=0; i<aryItems.length; i++)
            {
                // 该组的所有项复选框数组
                aryItem = aryItems[i].split(itemSeparator);
                // 标记，是否同组的项复选框都被选中
                var bln = true;
                for (var j=0; j<aryItem.length; j++)
                {
                    // 如果该项复选框没被选中，并且不是disabled，则bln设为false
                    if (!GetObject(aryItem[j]).checked && !GetObject(aryItem[j]).parentElement.disabled)
                    {
                        bln = false;
                        break;
                    }
                }
                
                // bln为true，则设置同组的全选复选框为选中
                if (bln)
                {
                    GetObject(aryAlls[i]).checked = true;
                }
                // 否则
                else
                {
                    GetObject(aryAlls[i]).checked = false;
                }
            }
        }

        function GetObject(param)
        {
            return document.getElementById(param);
        }

        //]]>
        </script>";
    }
}

3、新建一个CheckboxAll类，有两个属性

using System;
using System.Collections.Generic;
using System.Text;

using System.ComponentModel;
using System.Web.UI;

namespace YYControls.SmartGridView
{
    /**//// <summary>
    /// CheckboxAll 的摘要说明。
    /// </summary>
    [ToolboxItem(false)]
    public class CheckboxAll
    {
        private string _checkboxAllID;
        /**//// <summary>
        /// 模板列全选复选框ID
        /// </summary>
        public string CheckboxAllID
        {
            get { return _checkboxAllID; }
            set { _checkboxAllID = value; }
        }

        private string _checkboxItemID;
        /**//// <summary>
        /// 模板列项复选框ID
        /// </summary>
        public string CheckboxItemID
        {
            get { return _checkboxItemID; }
            set { _checkboxItemID = value; }
        }

        /**//// <summary>
        /// ToString()
        /// </summary>
        /// <returns></returns>
        public override string ToString()
        {
            return "CheckboxAll";
        }
    }
}

4、新建一个继承自CollectionBase的类CheckboxAlls

using System.Collections;
using System.ComponentModel;
using System.Web.UI;

namespace YYControls.SmartGridView
{
    /**//// <summary>
    /// CheckboxAlls 的摘要说明。
    /// 注意要继承自CollectionBase
    /// </summary>
    [
    ToolboxItem(false),
    ParseChildren(true)
    ]
    public class CheckboxAlls : CollectionBase
    {
        /**//// <summary>
        /// 构造函数
        /// </summary>
        public CheckboxAlls()
            : base()
        {
        }

        /**//// <summary>
        /// 实现IList接口
        /// 获取或设置指定索引处的元素。
        /// </summary>
        /// <param name="index">要获得或设置的元素从零开始的索引</param>
        /// <returns></returns>
        public CheckboxAll this[int index]
        {
            get
            {
                return (CheckboxAll)base.List[index];
            }
            set
            {
                base.List[index] = (CheckboxAll)value;
            }
        }

        /**//// <summary>
        /// 实现IList接口
        /// 将某项添加到 System.Collections.IList 中。
        /// </summary>
        /// <param name="item">要添加到 System.Collections.IList 的 System.Object。</param>
        public void Add(CheckboxAll item)
        {
            base.List.Add(item);
        }

        /**//// <summary>
        /// 实现IList接口
        /// 从 System.Collections.IList 中移除特定对象的第一个匹配项。
        /// </summary>
        /// <param name="index">要从 System.Collections.IList 移除的 System.Object</param>
        public void Remove(int index)
        {
            if (index > -1 && index < base.Count)
            {
                base.List.RemoveAt(index);
            }
        }
    }
}

5、在继承自GridView的类中加一个复杂对象属性，该复杂对象就是第4步创建的那个CheckboxAlls

        private CheckboxAlls _checkboxAlls;
        /**//// <summary>
        /// 复选框组集合 一个组由一个 全选复选框 和多个 项复选框组成
        /// </summary>
        [
        PersistenceMode(PersistenceMode.InnerProperty),
        DesignerSerializationVisibility(DesignerSerializationVisibility.Content),
        Description("复选框组集合 一个组由一个 全选复选框 和多个 项复选框组成"),
        Category("扩展")
        ]
        public virtual CheckboxAlls CheckboxAlls
        {
            get
            {
                if (_checkboxAlls == null)
                {
                    _checkboxAlls = new CheckboxAlls();
                }
                return _checkboxAlls;
            }
        }

6、声明一些内部属性

        /**//// <summary>
        /// 隐藏字段的ID，用于存每组的全选复选框ID
        /// </summary>
        protected string HiddenCheckboxAllID
        {
            get { return "hdn_checkboxAll"; }
        }
        /**//// <summary>
        /// 隐藏字段的ID，用于存每组的项复选框ID
        /// </summary>
        protected string HiddenCheckboxItemID
        {
            get { return "hdn_checkboxItem"; }
        }

        /**//// <summary>
        /// 组分隔符，一个 全选复选框 和其对应的n个 项复选框 为一个组
        /// </summary>
        protected char GroupSeparator
        {
            get { return ','; }
        }
        /**//// <summary>
        /// 项分隔符，项复选框 每个项之间的分隔符
        /// </summary>
        protected char ItemSeparator
        {
            get { return '|'; }
        }

7、声明几个私有变量

        /**//// <summary>
        /// 用于存每组的全选复选框ID
        /// </summary>
        private string _checkAllIDString;
        /**//// <summary>
        /// 用于存每的项复选框ID
        /// </summary>
        private string _checkItemIDString;
        /**//// <summary>
        /// 每行有一个组的所有项复选框
        /// </summary>
        private Dictionary<int, string> _checkItemIDDictionary = new Dictionary<int, string>();

8、重写OnRowDataBound以给我们声明的那些私有变量赋值。

        /**//// <summary>
        /// OnRowDataBound
        /// </summary>
        /// <param name="e"></param>
        protected override void OnRowDataBound(GridViewRowEventArgs e)
        {
            if (e.Row.RowType == DataControlRowType.DataRow)
            {
                // GridViewRow的每个TableCell
                for (int i = 0; i < e.Row.Cells.Count; i++)
                {
                    // TableCell里的每个Control
                    for (int j = 0; j < e.Row.Cells[i].Controls.Count; j++)
                    {
                        if (e.Row.Cells[i].Controls[j] is CheckBox)
                        {
                            CheckBox chk = (CheckBox)e.Row.Cells[i].Controls[j];

                            // 判断该CheckBox是否属于全选CheckBox 
                            bool isCheckboxAll = false;
                            foreach (CheckboxAll ca in CheckboxAlls)
                            {
                                if (chk.NamingContainer.ClientID + "_" + ca.CheckboxItemID == chk.ClientID)
                                {
                                    isCheckboxAll = true;
                                    break;
                                }
                            }

                            // 给该CheckBox增加客户端代码
                            if (isCheckboxAll)
                            {
                                // 给Control增加一个客户端onclick
                                chk.Attributes.Add("onclick", "yy_ClickCheckItem()");
                                // 给_checkItemIDDictionary赋值
                                if (_checkItemIDDictionary.Count == 0 || !_checkItemIDDictionary.ContainsKey(i))
                                {
                                    _checkItemIDDictionary.Add(i, chk.ClientID);
                                }
                                else
                                {
                                    string s;
                                    _checkItemIDDictionary.TryGetValue(i, out s);
                                    _checkItemIDDictionary.Remove(i);
                                    _checkItemIDDictionary.Add(i, s + this.ItemSeparator + chk.ClientID);
                                }

                                break;
                            }
                        }
                    }
                }
            }
            else if (e.Row.RowType == DataControlRowType.Header)
            {
                // GridViewRow的每个TableCell
                for (int i = 0; i < e.Row.Cells.Count; i++)
                {
                    // TableCell里的每个Control
                    for (int j = 0; j < e.Row.Cells[i].Controls.Count; j++)
                    {
                        if (e.Row.Cells[i].Controls[j] is CheckBox)
                        {
                            CheckBox chk = (CheckBox)e.Row.Cells[i].Controls[j];

                            // 判断该CheckBox是否属于全选CheckBox 
                            bool isCheckboxAll = false;
                            foreach (CheckboxAll ca in CheckboxAlls)
                            {
                                if (chk.NamingContainer.ClientID + "_" + ca.CheckboxAllID == chk.ClientID)
                                {
                                    isCheckboxAll = true;
                                    break;
                                }
                            }

                            // 给该CheckBox增加客户端代码
                            if (isCheckboxAll)
                            {
                                // 给Control增加一个客户端onclick
                                chk.Attributes.Add("onclick", "yy_ClickCheckAll(this)");
                                // 给_checkAllIDString赋值
                                if (String.IsNullOrEmpty(this._checkAllIDString))
                                {
                                    this._checkAllIDString += chk.ClientID;
                                }
                                else
                                {
                                    this._checkAllIDString += this.GroupSeparator + chk.ClientID;
                                }
                                break;
                            }
                        }
                    }
                }
            }

            base.OnRowDataBound(e);
        }

9、重写GridView的OnPreRender方法，以实现每行复选框的全选与取消全选的功能。

        /**//// <summary>
        /// OnPreRender
        /// </summary>
        /// <param name="e"></param>
        protected override void OnPreRender(EventArgs e)
        {
            base.OnPreRender(e);

            // CheckboxAlls里有对象则注册一些完成实现全选功能的客户端脚本
            if (CheckboxAlls.Count > 0)
            {
                // 注册实现 每行复选框的全选与取消全选 功能的JavaScript
                if (!Page.ClientScript.IsClientScriptBlockRegistered("JsCheckAll"))
                {
                    Page.ClientScript.RegisterClientScriptBlock(
                        this.GetType(),
                        "JsCheckAll", JavaScriptConstant.jsCheckAll.Replace("[$AllName$]", this.HiddenCheckboxAllID).Replace("[$ItemName$]", this.HiddenCheckboxItemID).Replace("[$GroupSeparator$]", this.GroupSeparator.ToString()).Replace("[$ItemSeparator$]", this.ItemSeparator.ToString())
                        );
                }

                // 给_checkItemIDString赋值
                _checkItemIDString = "";
                foreach (KeyValuePair<int, string> kvp in _checkItemIDDictionary)
                {
                    _checkItemIDString += this.GroupSeparator + kvp.Value;
                }
                if (_checkItemIDString.StartsWith(this.GroupSeparator.ToString()))
                {
                    _checkItemIDString = _checkItemIDString.Remove(0, 1);
                }

                // 注册实现 每行复选框的全选与取消全选 功能的两个隐藏字段
                // 有的时候回发后没有重新绑定GridView，就会造成_checkAllIDString和_checkItemIDString为空
                // 所以把这两个值存到ViewSate中
                if (!String.IsNullOrEmpty(_checkAllIDString) && !String.IsNullOrEmpty(_checkItemIDString))
                {
                    ViewState[this.HiddenCheckboxAllID] = _checkAllIDString;
                    ViewState[this.HiddenCheckboxItemID] = _checkItemIDString;
                }
                if (ViewState[this.HiddenCheckboxAllID] != null && ViewState[this.HiddenCheckboxItemID] != null)
                {
                    Page.ClientScript.RegisterHiddenField(this.HiddenCheckboxAllID, ViewState[this.HiddenCheckboxAllID].ToString());
                    Page.ClientScript.RegisterHiddenField(this.HiddenCheckboxItemID, ViewState[this.HiddenCheckboxItemID].ToString());
                }
            }
        }

控件使用
添加这个控件到工具箱里，然后拖拽到webform上，在模板列的头模板处添加一个复选框，在模板列的项模板处添加一个复选框，设置控件的CheckboxAlls属性即可。CheckboxAllID是模板列全选复选框ID；CheckboxItemID是模板列项复选框ID。
ObjData.cs

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

using System.ComponentModel;

/**//// <summary>
/// OjbData 的摘要说明
/// </summary>
public class OjbData
{
    public OjbData()
    {
        //
        // TODO: 在此处添加构造函数逻辑
        //
    }

    [DataObjectMethod(DataObjectMethodType.Select, true)]
    public DataTable Select()
    {
        DataTable dt = new DataTable();
        dt.Columns.Add("no", typeof(string));
        dt.Columns.Add("name", typeof(string));

        for (int i = 0; i < 30; i++)
        {
            DataRow dr = dt.NewRow();
            dr[0] = "no" + i.ToString().PadLeft(2, '0');
            dr[1] = "name" + i.ToString().PadLeft(2, '0');

            dt.Rows.Add(dr);
        }

        return dt;
    }
}

Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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 runat="server">
    <title>SmartGridView测试</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            &nbsp;
            <yyc:SmartGridView ID="SmartGridView1" runat="server" AutoGenerateColumns="False"
                DataSourceID="ObjectDataSource1" Width="100%">
                <Columns>
                    <asp:TemplateField>
                        <headertemplate>
                            <asp:checkbox id="checkall" runat="server" />
                        </headertemplate>
                        <itemtemplate>
                            <asp:checkbox id="checkitem" runat="server" />
                        </itemtemplate>
                    </asp:TemplateField>
                    <asp:TemplateField>
                        <itemtemplate>
                            abc
                        </itemtemplate>
                    </asp:TemplateField>
                    <asp:TemplateField>
                        <headertemplate>
                            <asp:checkbox id="checkall2" runat="server" />
                        </headertemplate>
                        <itemtemplate>
                            <asp:checkbox id="checkitem2" runat="server" />
                        </itemtemplate>
                    </asp:TemplateField>
                </Columns>
                <CheckboxAlls>
                    <yyc:CheckboxAll CheckboxAllID="checkall" CheckboxItemID="checkitem" />
                    <yyc:CheckboxAll CheckboxAllID="checkall2" CheckboxItemID="checkitem2" />
                </CheckboxAlls>
                <SortTip SortAscImage="~/Images/asc.gif" SortDescImage="~/Images/desc.gif" />
            </yyc:SmartGridView>
            <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" SelectMethod="Select"
                TypeName="OjbData"></asp:ObjectDataSource>
        </div>
    </form>
</body>
</html>

/*测试版的实现 结束*/

OK
[源码下载]