private void mygrid_ItemDataBound(object sender, System.Web.UI.Webcontrols.DataGridItemEventArgs e){
if(e.Item.ItemType == ListItem.AlternatingItem || e.Item.ItemType == ListItem.Item){
//设置每一行的背景颜色的变化
e.Item.Attributes.Add("onmouseover", "this.oldcolor = this.style.backgroundcolor; this.style.backgroundcolor = '#336699'");
e.Item.Attributes.Add("onmouseout", "this.oldcolor = this.style.backgroundcolor");
//设置单元格的颜色变化
for(int i = 0; i < mygrid.columns.count, i ++){
e.Items.Cell[i].Attributes.Add("onmouseover","somthing");
e.Items.Cell[i].Attributes.Add("onmouseout", "something");
}
}
分享到:
相关推荐
jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!
在此事件处理程序中,可以为每一项添加 `onmouseover`、`onmousemove` 和 `onmouseout` 的事件处理函数。 - `onmouseover`:当鼠标进入某一项时,改变该项的背景颜色。 - `onmousemove`:当鼠标在某一项上移动时,...
同时,可以使用`onmouseover`和`onmouseout`事件改变行的背景色,增加视觉效果。 4. **使用CSS固定单元格位置**: 通过CSS表达式,可以实现单元格在页面滚动时保持固定位置。例如,设置单元格的`LEFT`和`TOP`属性...
最后,在`datagrid`的每一行上绑定`onmouseover`和`onmouseout`事件,以便当鼠标进入和离开行时触发相应的函数。 ```html <asp:datagrid id="RPTUsers" runat="server" enableviewstate="false" horizontalalign=...
同样在`dg_ItemDataBound`事件中,我们为Item添加了“onmouseover”和“onmouseout”事件,来改变鼠标悬停时的背景颜色。代码如下: ```csharp e.Item.Attributes.Add("onmouseover", "this.style.backgroundColor=...
这段代码通过`ItemDataBound`事件处理器,在每一项加载到DataGrid时动态地为每一项添加了`onmouseover`和`onmouseout`事件。这样当用户将鼠标移动到某一行时,该行的背景色会被设置为"#eaeaea",而当鼠标移开时,...
2. **添加鼠标移入移出事件**:利用 JavaScript 为每行添加 `onmouseover` 和 `onmouseout` 事件。`onmouseover` 事件设置行的背景色为指定的颜色;`onmouseout` 事件则恢复原来的背景色。 #### 代码示例 ```...
- **鼠标悬停效果**:通过`onmouseover`和`onmouseout`事件处理程序为`DataGrid`的每一项添加了鼠标悬停时的背景色变化效果。 - **确认删除对话框**:对于位于每一项第六个单元格中的`LinkButton`,通过`onClick`...
e.Item.Attributes.Add( "onmouseout","this.style.backgroundColor=\""+e.Item.Style["BACKGROUND-COLOR"]+"\""); e.Item.Attributes.Add( "onmouseover","this.style.backgroundColor=\""+ "#EFF3F7"+"\""); ...
e.Item.Attributes.Add( "onmouseout","this.style.backgroundColor=\""+e.Item.Style["BACKGROUND-COLOR"]+"\""); e.Item.Attributes.Add( "onmouseover","this.style.backgroundColor=\""+ "#EFF3F7"+"\""); } } ...
e.Item.Attributes["onmouseover"] = "this.style.backgroundColor='#d9ece1';cursor='hand';"; e.Item.Attributes["onmouseout"] = "this.style.backgroundColor='#FFFFFF';"; ``` 这段代码会在鼠标悬停在Item...
这段代码中,我们使用了JavaScript的`onmouseover`和`onmouseout`事件来改变和恢复行的背景颜色。`onmouseover`事件设置行的背景色为`#EE82EE`,`onmouseout`事件则将颜色还原。 对于DataList控件,实现方式稍有...
GridView 控件是 ASP.NET 1.X 中 DataGrid 控件的替代,提供了一个表格视图,显示多条记录的主要信息。它可以批量显示数据源,每行数据代表数据源的一条记录。然而,对于字段较多的数据源,不宜单独使用 GridView ...