为什么GridView里的Imagebutton要点击两次才触发Click事件

[lin_yc21]

我本来是想实现双击两次GrilView的行就改变该行的背景颜色，在网上找到了一种方法，如下：
在Page_Load事件里添加：

if(!IsPostBack)
{
   ViewState["rowID"] = 1;
}

在GridView1_RowDataBound事件里添加:

e.Row.ID = "tr_" + ((int)ViewState["rowID"]);
e.Row.Attributes.Add("style", "background-color:#FFFFFF;");
e.Row.Attributes.Add("ondblclick", "setValueByTr(this)");
ViewState["rowID"] = ((int)ViewState["rowID"]) + 1;

setValueByTr(this)是一个Javascript函数，如下：

var par = "";
function setValueByTr(obj) {
    var trid = obj.id;
    if (par == "" || par == trid) {
        document.getElementById(trid).style.backgroundColor = "#6699ff";
        par = obj.id;
    } else {
        document.getElementById(par).style.backgroundColor = "#FFFFFF";
        document.getElementById(trid).style.backgroundColor = "#6699ff";
        par = obj.id;
    }
}

后来我觉得可能问题就出在GridView1_RowDataBound事件里的那几行代码，注释掉之后就正常了，一旦加上去之后imagebutton控件又得点击两次才执行Click事件。

下面是我调试总结出来的结果：
现象描述：
1、进入页面之后随便点击一次某行的Imagebutton控件页面刷新一次，但是没有执行Imagebutton控件的Click事件；
2、第一次点击之后查看源代码，所有设置的ID属性都不见了；
3、当一进页面就随便点击某行的Imagebutton之后（第一次不执行Click事件），接下来无论再点击哪一行的Imagebutton就能执行Click事件了，但是却无法双击改变背景颜色了，原因应该是第二点导致的，ID属性不见了，可是Imagebutton的Click事件却能正常执行，奇怪。

说到这里不知道您能不能看明白，您可以新建一个项目试试看，应该也会出现同样的问题。
我在网上搜了很多也要点击两次的问题，但是那些都不是因为加了这几行代码才导致了，所以我也找不到答案了，期待您的解答，互相交流，谢谢！

[l8487]

兄弟你饶了远路了。在你的gridview中加如一个javascript的鼠标双击事件。如下。
双击表格某行。某行改变颜色。只需在Table中加入一个鼠标双击事件。用javascript实现就行。根本用不到服务器代码。。
<script>
var orows;//当前行
var rowscount;//总行数
function ChangColor()
{
rowscount=document.getElementById("ListGrid").rows.length;
var e = e || window.event;
var otarget = e.srcElement || e.target;
var rowindex=otarget.parentElement.rowIndex;
if(otarget.parentNode.tagName.toLowerCase() == "tr"&&rowindex!=0&&rowindex!=rowscount)
{
if(typeof(orows)=="undefined")
{
orows = otarget.parentNode;
orows.style.backgroundColor = "#e7e7ff";
}
else
{
orows.style.backgroundColor = "#e7e7ff";
orows = otarget.parentNode;
orows.style.backgroundColor = "#FFFF99";
}
if(e.type=="dblclick")
{
returnValue=orows.children[0].innerText;
close();
}
}
}
</script>
这段javascript实现鼠标在某行的时候变色。。你根据自己情况改改啊。

[randomfeel]

两个建议
1、是否有些代码写在if(!IsPostBack)之外了
2、是否有些控件被不小心设置为AutoPostBack了

[szaf31954]

e.Row.ID = "tr_" + ((int)ViewState["rowID"]);
e.Row.Attributes.Add("style", "background-color:#FFFFFF;");
e.Row.Attributes.Add("ondblclick", "setValueByTr(this)");
ViewState["rowID"] = ((int)ViewState["rowID"]) + 1;

问题应该就出在这里 你把这地方改成:
e.row.Attributes.Add("onclick","setValueByTr(this)");
再试试看

你这里添加的dblclick的方法

[szaf31954]

[Quote=引用 3 楼 szaf31954 的回复:]
e.Row.ID = "tr_" + ((int)ViewState["rowID"]);
e.Row.Attributes.Add("style", "background-color:#FFFFFF;");
e.Row.Attributes.Add("ondblclick", "setValueByTr(this)");
ViewState["rowID"] = ((int)ViewState["rowID"]) + 1;

问题应该就出在这里 你把这地方改成:
e.row.Attributes.Add("onclick","setValueByTr(this)");
再试试看

你这里添加的dblclick的方法

[/Quote]

还有取不到ID的问题是否有些应该写在if(!IsPostBack)里的方法没有写对位置

[heyalin]

我知道一个光棒效果...可以和大家分享以下:(当鼠标移动到gridview中某一行时.改变颜色)
protected void gvbooks_RowDataBound(object sender,GridViewRowEventArgs e)
{
if(e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.Attributes.Add("onmouseover","currentcolor = this.style.backgroundColor;this.style.backgroundColor = '#999999'");
e.Row.Attributes.Add("onmouseout","this.style.backgroundColor = currentcolor");
}
}

[lin_yc21]

发现还没结贴,汗