扩展GridView控件(6) - 响应行的单击事件和双击事件

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

[align=center]扩展GridView控件(6) - 响应行的单击事件和双击事件
[/align]

作者：webabcd


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

介绍
扩展GridView控件：
响应行的单击事件和双击事件，并在服务端处理

使用方法（设置属性）：
BoundRowClickCommandName - 行的单击事件需要绑定的CommandName
BoundRowDoubleClickCommandName - 行的双击事件需要绑定的CommandName

关键代码
单击


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 RowClickFunction : ExtendFunction


{


List<string> _rowClickButtonUniqueIdList = new List<string>();




/// <summary>


/// 构造函数


/// </summary>


public RowClickFunction()


: base()


{




}




/// <summary>


/// 构造函数


/// </summary>


/// <param name="sgv">SmartGridView对象</param>


public RowClickFunction(SmartGridView sgv)


: base(sgv)


{




}




/// <summary>


/// 扩展功能的实现


/// </summary>


protected override void Execute()


{


this._sgv.RowDataBoundCell += new SmartGridView.RowDataBoundCellHandler(_sgv_RowDataBoundCell);


this._sgv.RenderBegin += new SmartGridView.RenderBeginHandler(_sgv_RenderBegin);


}




/// <summary>


/// RowDataBoundCell


/// </summary>


/// <param name="sender"></param>


/// <param name="gvtc"></param>


void _sgv_RowDataBoundCell(object sender, GridViewTableCell gvtc)


{


TableCell tc = gvtc.TableCell;




foreach (Control c in tc.Controls)


{


IButtonControl ibc = c as IButtonControl;




if (ibc != null && this._sgv.BoundRowClickCommandName == ibc.CommandName)


{


// 300毫秒后响应单击事件的脚本（避免和双击事件冲突）


string js = this._sgv.Page.ClientScript.GetPostBackClientHyperlink(c, "");


js = js.Insert(11, "setTimeout(\"");


js += "\", 300)";




GridViewRow gvr = tc.Parent as GridViewRow;


Helper.Common.SetAttribute(gvr, "onclick", js, AttributeValuePosition.Last);




_rowClickButtonUniqueIdList.Add(c.UniqueID);


}


}


}




/// <summary>


/// RenderBegin


/// </summary>


/// <param name="sender"></param>


/// <param name="writer"></param>


void _sgv_RenderBegin(object sender, HtmlTextWriter writer)


{


foreach (string uniqueId in this._rowClickButtonUniqueIdList)


{


// 注册回发或回调数据以进行验证


this._sgv.Page.ClientScript.RegisterForEventValidation(uniqueId);


}


}


}


}

双击


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 RowDoubleClickFunction : ExtendFunction


{


List<string> _rowDoubleClickButtonUniqueIdList = new List<string>();




/// <summary>


/// 构造函数


/// </summary>


public RowDoubleClickFunction()


: base()


{




}




/// <summary>


/// 构造函数


/// </summary>


/// <param name="sgv">SmartGridView对象</param>


public RowDoubleClickFunction(SmartGridView sgv)


: base(sgv)


{




}




/// <summary>


/// 扩展功能的实现


/// </summary>


protected override void Execute()


{


this._sgv.RowDataBoundCell += new SmartGridView.RowDataBoundCellHandler(_sgv_RowDataBoundCell);


this._sgv.RenderBegin += new SmartGridView.RenderBeginHandler(_sgv_RenderBegin);


}




/// <summary>


/// RowDataBoundCell


/// </summary>


/// <param name="sender"></param>


/// <param name="gvtc"></param>


void _sgv_RowDataBoundCell(object sender, GridViewTableCell gvtc)


{


TableCell tc = gvtc.TableCell;




foreach (Control c in tc.Controls)


{


IButtonControl ibc = c as IButtonControl;




if (ibc != null && this._sgv.BoundRowDoubleClickCommandName == ibc.CommandName)


{


// 响应双击事件的脚本


string js = this._sgv.Page.ClientScript.GetPostBackClientHyperlink(c, "");




GridViewRow gvr = tc.Parent as GridViewRow;


Helper.Common.SetAttribute(gvr, "ondblclick", js, AttributeValuePosition.Last);




_rowDoubleClickButtonUniqueIdList.Add(c.UniqueID);


}


}


}




/// <summary>


/// RenderBegin


/// </summary>


/// <param name="sender"></param>


/// <param name="writer"></param>


void _sgv_RenderBegin(object sender, HtmlTextWriter writer)


{


foreach (string uniqueId in this._rowDoubleClickButtonUniqueIdList)


{


// 注册回发或回调数据以进行验证


this._sgv.Page.ClientScript.RegisterForEventValidation(uniqueId);


}


}


}


}


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


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

介绍
为了让GridView的数据行可以响应鼠标的单击和双击事件，一般我们会在GridView的RowDataBound事件中给<tr>加上客户端代码，为了简化这个步骤，我们来扩展一下它。

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

/// <summary>
/// 继承自GridView
/// </summary>


[ToolboxData(@"<{0}:SmartGridView runat='server'></{0}:SmartGridView>")]


public class SmartGridView : GridView


{


}

2、加两个属性，分别是单击行事件所对应的按钮的ID和双击行事件所对应的按钮的ID


private string _rowClickButtonID;


/// <summary>


/// 单击行事件所对应的按钮的ID


/// </summary>


[Description("单击行事件所对应的按钮的ID"), DefaultValue(""), Category("扩展")]


public virtual string RowClickButtonID


{


get { return _rowClickButtonID; }


set { _rowClickButtonID = value; }


}




private string _rowDoubleClickButtonID;


/// <summary>


/// 双击行事件所对应的按钮的ID


/// </summary>


[Description("双击行事件所对应的按钮的ID"), DefaultValue(""), Category("扩展")]


public virtual string RowDoubleClickButtonID


{


get { return _rowDoubleClickButtonID; }


set { _rowDoubleClickButtonID = value; }


}

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


using System;


using System.Collections.Generic;


using System.Text;




namespace YYControls.SmartGridView


{


/// <summary>


/// javascript


/// </summary>


public class JavaScriptConstant


{


internal const string jsClickAndDoubleClick = @"<script type=""text/javascript"">


//<![CDATA[


var isDoubleClick = false;


function yy_RowClick(id)


{


setTimeout(""yy_RowClickTimeout('""+id+""')"", 300);


}


function yy_RowClickTimeout(id)


{


if (isDoubleClick == false)


{


// 执行ID所指按钮的click事件


document.getElementById(id).click();


}


isDoubleClick = true;


}


function yy_RowDoubleClick(id)


{


if (isDoubleClick == true)


{


// 执行ID所指按钮的click事件


document.getElementById(id).click();


}


isDoubleClick = true;


}


//]]>


</script>";


}


}

未完待续>>