6.鼠标移到GridView某一行时改变该行的背景色方法一：

最新推荐文章于 2014-12-17 12:50:43 发布
最新推荐文章于 2014-12-17 12:50:43 发布
阅读量292 收藏
点赞数
分类专栏： gridview 文章标签： asp server object html 工作 div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangderong83899/article/details/7945435
版权

效果图：

做法：
双击GridView的OnRowDataBound事件；
在后台的GridView1_RowDataBound()方法添加代码，最后代码如下所示：
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        int i;
        //执行循环，保证每条数据都可以更新
        for (i = 0; i < GridView1.Rows.Count; i++)
        {
            //首先判断是否是数据行
            if (e.Row.RowType == DataControlRowType.DataRow)
            {
                //当鼠标停留时更改背景色
                e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='#00A9FF'");
                //当鼠标移开时还原背景色
                e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=c");
            }
        }

    }

前台代码：
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>实现鼠标划过改变GridView的行背景色 清清月儿http://blog.csdn.net/21aspnet </title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="身份证号码"
            DataSourceID="SqlDataSource1" AllowSorting="True" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="3" Font-Size="12px" OnRowDataBound="GridView1_RowDataBound">
            <Columns>
                <asp:BoundField DataField="身份证号码" HeaderText="身份证号码" ReadOnly="True" SortExpression="身份证号码" />
                <asp:BoundField DataField="姓名" HeaderText="姓名" SortExpression="姓名" />
                <asp:BoundField DataField="家庭住址" HeaderText="家庭住址" SortExpression="家庭住址" />
                <asp:BoundField DataField="邮政编码" HeaderText="邮政编码" SortExpression="邮政编码" />
            </Columns>
            <FooterStyle BackColor="White" ForeColor="#000066" />
            <RowStyle ForeColor="#000066" />
            <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
            <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
            <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />
        </asp:GridView>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:北风贸易ConnectionString1 %>"
            SelectCommand="SELECT top 5 [身份证号码], [姓名], [员工性别], [家庭住址], [邮政编码] FROM [飞狐工作室]" DataSourceMode="DataReader"></asp:SqlDataSource>
   
    </div>
    </form>
</body>
</html>


wangderong83899
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
鼠标移到GridView某一行时改变该行的背景色方法一
gsky的专栏
03-25 1661
6.鼠标移到GridView某一行时改变该行的背景色方法一： 效果图： 做法： 双击GridView的OnRowDataBound事件；在后台的GridView1_RowDataBound()方法添加代码，最后代码如下所示： protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
ASP.NET中鼠标停留在GridView某一行时颜色改变
02-18
通过上述方法，我们可以轻松地实现在ASP.NET中的GridView控件上，当鼠标悬停在某一行时改变其背景颜色的功能。这种方法既简单又实用，对于提高用户界面的交互性和美观度有着重要作用。此外，还可以进一步优化，比如...
GridView使用经验总结
偏科程序猿
11-23 660
5.GridView和CheckBox结合 效果图： 后台代码： using System; using System.Data; using System.Configuration; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebCont
GridView 鼠标划过行变色的几种方法
dreamparks的专栏
11-30 1229
为了方便大家观看效果，首先手动写一个GridView然后绑定数据。 前台代码：                               Width="409px" CellPadding="4" ForeColor="#333333" GridLines="None">
实现GridView控件的多项功能：改变背景色、和FormView控件同步、隐藏指定列、添加删除确认、跳转到指定页。。[原创]...
asd1037166103的博客
07-25 262
实现功能：1.改变GridView鼠标所在行背景色2.和FormViewK控件实现同步显示3.点击checkbox实现隐藏指定列4.添加确认删除对话框5.实现跳转到指定页实现效果：HTML代码： 1<body>2&l...
7.鼠标移到GridView某一行时改变该行的背景色方法二：
wangderong83899的专栏
09-05 376
效果图： 做法：和上面的一样就是代码不同 protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)     {         //int i;         ////执行循环，保证每条数据都可以更新         //for (i = 0; i         //{
鼠标移到GridView某一行时改变该行的背景色
日々精進
12-17 946
http://www.cnblogs.com/qfcndtt/archive/2012/08/30/2663210.html
鼠标移到GridView某一行时改变该行的背景色方法
04-28 785
方法一：效果图： 做法： 双击GridView的OnRowDataBound事件； 在后台的GridView1_RowDataBound()方法添加代码，最后代码如下所示： protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)     {         int i;
鼠标移到GridView某一行时改变该行的背景色方法：
05-13 294
双击GridView的OnRowDataBound事件； 在后台的GridView1_RowDataBound()方法添加代码，最后代码如下所示： protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)     {         int i;         //执行循环，保证每条数据都可
鼠标移到GridView某一行时改变该行的背景色方法二
泪光无悔
11-23 371
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)     {         //int i;         ////执行循环，保证每条数据都可以更新         //for (i = 0; i         //{         //    //首先判断是否是数据行
一个简单但常用的javascript表格样式_鼠标划过行变色 简洁实现
12-09
这段代码会使得当鼠标悬停在表格的任意一行上时，该行的背景颜色变为`#F8F8F8`。这种方法在支持CSS3的浏览器中都能正常工作，包括IE6、IE7和Firefox 2。 虽然示例没有直接使用JavaScript，但在某些情况下，可能需要...
非常简单易用的girdview鼠标移动或点击的行背景色事件
11-01
这个简单的示例代码将使得当鼠标移到GridView的某一行上时，该行的背景色会变为你指定的高亮颜色，而点击后，其他行恢复原状，被点击的行背景色变为选中颜色。 当然，实际应用中，你可能还需要考虑一些额外的因素，...
Gridview鼠标移过显示效果.rar
03-02
通过以上方法，你可以创建出具有鼠标移过显示效果的GridView，提升用户在浏览数据时的体验。记住，良好的用户体验不仅在于视觉效果，还在于功能的易用性和响应性。因此，在设计这些效果时，应始终以用户为中心，确保...
GridView高亮显示某行
09-22
比如，可以为每一行添加JavaScript代码，这些代码会在鼠标移入（`onMouseOver`）或移出（`onMouseOut`）时执行，从而改变该行的背景颜色，达到高亮显示的效果。 #### 代码实现步骤 1. **添加GridView控件到页面**：...
13.GridView弹出新页面/弹出制定大小位置新窗口：
wangderong83899的专栏
09-05 1936
效果图： 方案一：简单的方法，新窗口不固定大小                           OnRowUpdating="GridView1_RowUpdating" OnRowCancelingEdit="GridView1_RowCancelingEdit" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None"
15.GridView合并表头多重表头无错完美版（以合并3列3行举例）
wangderong83899的专栏
09-05 1290
效果图： 后台代码： 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
14.GridView固定表头(不用javascript只用CSS!，很好用)：
wangderong83899的专栏
09-05 825
效果图： 代码： http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml" >     GridView固定表头 清清月儿http://blog.csdn.net/21aspnet          .Freezing    {        p
18.GridView数据导入Excel/Excel数据读入GridView
wangderong83899的专栏
09-05 682
效果图： 解决方案： 页面增加一个按钮，单击事件添加如下方法： protected void Button1_Click(object sender, EventArgs e)     {         Export("application/ms-excel", "学生成绩报表.xls");     }     private void Export(string FileT
gridview某一行换颜色
最新发布
07-19
### 回答1： 在GridView中，要实现某一行换颜色的效果，可以通过自定义Adapter来实现。具体步骤如下： 1. 首先，创建一个继承自BaseAdapter的自定义Adapter，并重写getView方法。 2. 在getView方法中，通过position参数获取到每一行的位置，然后判断该行是否需要换颜色。 3. 如果需要换颜色，可以设置一个标志位来记录当前行是否为需要换颜色的行。 4. 在getView方法中，通过判断标志位来为需要换颜色的行设置不同的背景颜色。 以下是一个简单的示例代码： ```java public class CustomAdapter extends BaseAdapter { private Context mContext; private List<String> mItemList; private boolean mShouldChangeColor; public CustomAdapter(Context context, List<String> itemList) { mContext = context; mItemList = itemList; } @Override public int getCount() { return mItemList.size(); } @Override public Object getItem(int position) { return mItemList.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { View view; if (convertView == null) { view = LayoutInflater.from(mContext).inflate(R.layout.item_gridview, parent, false); } else { view = convertView; } TextView textView = view.findViewById(R.id.text_view); textView.setText(mItemList.get(position)); if (position == 2) { // 假设第3行需要换颜色 mShouldChangeColor = true; } else { mShouldChangeColor = false; } if (mShouldChangeColor) { view.setBackgroundColor(Color.RED); // 设置背景颜色 } else { view.setBackgroundColor(Color.WHITE); } return view; } } ``` 这样，在GridView的每一行中，如果需要换颜色的行，背景颜色将会被设置为红色；否则，背景颜色将会是白色。 ### 回答2： 要使GridView中的某一行换颜色，可以通过编写自定义的适配器（Adapter）实现。 首先，创建一个继承自BaseAdapter的适配器类。在该类中，我们需要重写getView()方法，用于自定义每个Grid Item的显示内容。 在getView()方法中，我们可以根据需要设置每个Grid Item的背景颜色。为了实现某一行换颜色的效果，我们可以在getView()方法中判断当前Grid Item所在的行号，若为目标行，则设置其背景颜色为所需的颜色，否则设置默认的背景颜色。 以下是一个简单示例的适配器代码： ``` public class MyAdapter extends BaseAdapter { private Context mContext; private List<String> mData; private int mTargetRow; // 目标行号 public MyAdapter(Context context, List<String> data, int targetRow) { mContext = context; mData = data; mTargetRow = targetRow; } @Override public int getCount() { return mData.size(); } @Override public Object getItem(int position) { return mData.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { View view; if (convertView == null) { view = LayoutInflater.from(mContext).inflate(R.layout.grid_item, parent, false); } else { view = convertView; } TextView textView = view.findViewById(R.id.text_view); textView.setText(mData.get(position)); // 判断当前Grid Item所在的行号是否为目标行 if (position / numColumns == mTargetRow) { view.setBackgroundColor(mContext.getResources().getColor(R.color.target_color)); } else { view.setBackgroundColor(mContext.getResources().getColor(R.color.default_color)); } return view; } } ``` 在上述代码中，我们通过设置mTargetRow变量来指定目标行号，在getView()方法中通过计算当前Grid Item所在的行号来判断是否为目标行，并设置不同的背景颜色。在实例化适配器时，我们需要传入相应的参数，包括目标行号和数据源。 注意，colors.xml文件中应该定义target_color和default_color两个颜色供适配器使用。 最后，将适配器设置给GridView： ``` GridView gridView = findViewById(R.id.grid_view); gridView.setAdapter(new MyAdapter(this, data, targetRow)); ``` 这样就实现了在GridView中某一行换颜色的效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值