单击选中GridView 或 HTML 表格的某行,并获取该行的数据。。。。
2011-09-21 18:00
423 查看
首先绑定行单击事件,如下:也可以用Jquery的.click进行事件绑定
然后再前台页面head部分写如下函数:
protected void GridView1_RowDataBound(Object sender, GridViewRowEventArgs e){ if (e.Row.RowType == DataControlRowType.DataRow){ e.Row.Attributes.Add("onClick", "javascript:void SelectRow(this);"); } }
然后再前台页面head部分写如下函数:
<script type="text/javascript"> // 对选中行的处理函数 function SelectRow(row) { var _selectColor = "#303030"; var _normalColor = "#909090"; var _selectFontSize = "3em"; var _normalFontSize = "2em"; // 获取当前行的所有数据单元 var _rows = row.parentNode.childNodes; // 获取数据 try { for (i = 0; i < _rows.length; i++) { var _firstCell = _rows[i].getElementsByTagName("td")[0]; _firstCell.style.color = _normalColor; _firstCell.style.fontSize = _normalFontSize; _firstCell.style.fontWeight = "normal"; } } catch (e) { } // 对该行的第一个单元格设样式 var _selectedRowFirstCell = row.getElementsByTagName("td")[0]; _selectedRowFirstCell.style.color = _selectColor; _selectedRowFirstCell.style.fontSize = _selectFontSize; _selectedRowFirstCell.style.fontWeight = "bold"; } </script>
相关文章推荐
- asp.net实现 gridview 鼠标单击任意字段选中一行 ,并获取数据
- ASP.NET gridview中点击任意行的任意位置选中某行交替效果 变换鼠标手势,获取选定行的指写数据
- 选中并获取表格中的数据
- EasyUI单击选中一行数据并获取数据
- 怎样用JS获取DataGrid中CheckBox是否选中,并且取得该行的DataGrid数据?
- EasyUI datagrid数据表格--获取datagrid中选中行的数据
- 右击QTableView某行后获取该行数据
- Dev GridView 获取选中分组下的所有数据行 z
- element ui 表格提交时获取所有选中的checkbox的数据
- 获取带复选框的easyui表格选中的行数据
- 【Asp.Net从零开始】:创建主表格以及单击获取详细信息的数据显示图
- 将从数据库中获取的数据 ,以HTML表格的形式显示
- Jquery DataTables 获取表格数据及选中行数据
- CSS+HTML实例集合二,表格行颜色间隔显示,加有鼠标移入移出高亮效果,还有单击选中高亮再单击消除高亮
- 采用Jquery,在table上实现对行的单击、双击、返回选中行数据的功能,可作为GridView控制客户端的扩展
- EasyUI DataGrid表格双击获取该行数据—笔记
- jQuery获取动态表格中checkbox被选中一行的属性数据
- C# Dev GridView 获取选中分组下的所有数据行
- 怎样用JS获取DataGrid中CheckBox是否选中,并且取得该行的DataGrid数据?
- GridView中实现点击某行的任意位置就选中该行