wijmo:C1GridView 是否可以修改鼠标移动时的背景色

登录

wijmo:C1GridView 是否可以修改鼠标移动时的背景色？

Alice · Alice

回复 1楼lang1165的帖子

感谢对该问题的反馈。
根据你的描述，如果你指的是当鼠标Hover移动到单元格上，会显示不同的背景色，移走会恢复颜色。
这是需要通过代码完成该业务逻辑。
基本思路就是，处理单元格的onmouseover和onmouseout事件，在over事件里，改变单元格的style.backgroundColor，在out事件里，重置颜色。

lang1165 · lang1165

回复 2楼Alice的帖子

谢谢，你的回复。可以onmouseover和onmouseout事件加在哪呢？加到wijmo:C1GridView 的事件上吗？我认为应该加到wijmo:C1GridView 的每一行上才是正确的呀。

Alice · Alice

回复 3楼lang1165的帖子

举个例子来说明，比如你可以在创建行的时候添加mouseover和mouseout事件。

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.Attributes["onmouseover"] = "onMouseOver('" + (e.Row.RowIndex + 1) + "')";
e.Row.Attributes["onmouseout"] = "onMouseOut('" + (e.Row.RowIndex + 1) + "')";
}
}

复制代码

然后使用js代码来设置hover的行和某个单元格的颜色。

<script type="text/javascript" >
function onMouseOver(rowIndex) {
var gv = document.getElementById("GridView1");
var rowElement = gv.rows[rowIndex];
rowElement.style.backgroundColor = "#c8e4b6";
rowElement.cells[1].style.backgroundColor = "green";
}
function onMouseOut(rowIndex) {
var gv = document.getElementById("GridView1");
var rowElement = gv.rows[rowIndex];
rowElement.style.backgroundColor = "#fff";
rowElement.cells[1].style.backgroundColor = "#fff";
}
</script>

复制代码

		自动登录	找回密码
密码			立即注册

wijmo:C1GridView 是否可以修改鼠标移动时的背景色

本帖子中包含更多资源

3 个回复

活字格认证

微信认证勋章

元老葡萄