javascript获取gridview中的行号与列号以及单元格的值
默认分类 2009-09-12 15:34:42 阅读203 评论0 字号:大中小
方法一:
这是在GridView里面没有控件的情况下,有控件另当别论
var gdview=<%=gridview.ClientID%>;//gridview是GridView控件的ID
或者
var gdview=document.getElementById("<%=gridview.ClientID %>");
//1 读取指定行单元格的值 如果是0则读出其表头的值
//rowIndex=1就是第一行的值
function getCellValueByRow(rowIndex)
{
for(var i=0;i<gdview.rows(rowIndex).cells.length;i++)
{
alert(gdview.rows(rowIndex).cells(i).innerText);//弹出指定行单元格的值
}
}
//2 读取指定列单元格的值 cellIndex=0则为第一列的值
function getValueByCell(cellIndex)
{
for(var i=0;i<gdview.rows.length;i++)
{
alert(gdview.rows(i).cells(cellIndex).innerText);//指定列单元格的值
}
}
//3 读取所有单元格的值
function getValueAll(cellIndex)
{
for(var i=1;i<gdview.rows.length;i++)//要从1开始,从0则会读出表头的值
{
for(var j=0;j<gdview.rows(i).cells.length;j++)
{
alert(gdview.rows(i).cells(j).innerText);//读取所有单元格的值
}
}
}
//4 读取列标头的值
functioin getValueTitle()
{
for(var i=0;i<gdview.rows(0).cells.length;i++)
{
alert(gdview.rows(0).cells(i).innerText);//读取列标头的值
}
}
方法二:
首先在模板列中添加一个按钮用来选中行,页面有关代码如下:
<asp:GridView ID="gdview" runat="server" CellPadding="4" ForeColor="#333333" GridLines="None"
Height="176px" Width="380px" OnRowDataBound="gdview_RowDataBound" OnSelectedIndexChanging="gdview_SelectedIndexChanging">
<FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
<RowStyle BackColor="#E3EAEB" />
<PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
<SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
<HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
<EditRowStyle BackColor="#7C6F57" />
<AlternatingRowStyle BackColor="White" />
<Columns>
<asp:TemplateField>
<ItemTemplate>
<input id="btnLocation" type="button" value="定位到" onclick="Select()" style="height: 20px" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
脚本代码如下:
//取得gridview中获取选中行指定列的值
function Select()
{
//获取鼠标点击的元素
var e=event.srcElement;
//获取元素所在的行的行号(表头行号从0开始)。注意:parentElement只适用于IE浏览器,而parentNode则符合DOM标准。
//var rowIndex=e.parentElement.parentElement.rowIndex ;
var rowIndex=e.parentNode.parentNode.rowIndex ;
//获取GridView控件
var gdview=document.getElementById("<%=gdview.ClientID %>");
//分别获取选定行标注点的X、Y坐标
var value=gdview.rows(rowIndex).cells(列号).innerText;
}
方法三:
<script type="text/javascript"> function fun() { var GridView=document.getElementById("GridView1"); for(var i=1;i <GridView.rows.length;i++)//从1开始,表示不考虑表格列头 { var html=GridView.rows[i].cells[0].getElementsByTagName("input")[0].value; alert(html); } } </scr
分享到:
相关推荐
js获得Gridview中选中checkbox行的信息,当你选择GridView中某一行或某几行前面的checkbox时可以得到当前行的所有信息或部分信息。
本文将介绍一下Js获取Gridview选中行的内容的过程及步骤:取得gridview中获取选中行指定列的值.获取鼠标点击的元素等等,感兴趣的朋友可以了解下,或许对你学习js方面知识有所帮助
介绍了js获取GridView中行数据的方法,有需要的朋友可以参考一下
=GridView1.ClientID %>”); var rowIndex = 0 ; for(var i=1;i<table.rows.length;i++) { var input = table.rows[i].cells[0].getElementsByTagName(“input”)[0].checked; if (input == true) { rowIndex = i...
4、radio控件,选中获取GridView表主键 5、GridView中DropDownList绑定数据,直接绑定显示,无需点击编辑按纽。 6、JavaScript操作checbox实现全选,多选 六、设置属性 1、JavaScript设置GridView行的背景颜色,单偶...
主要介绍了利用sender的Parent获取GridView中的当前行的方法,大家参考使用吧
主要介绍了 js取得gridview中获取checkbox选中的值,本文给大家分享两段代码片段,非常不错,具有参考借鉴价值,需要的朋友可以参考下
GridView右键菜单,利用js传值和获取值!很好用!
获取用户控件内部的网格视图控件的ID
14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...
14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...
GridView的CheckBox列选择及多参数传递三步实现:GridView的列设置/全选的Js处理/后台对所选值的获取,操作步骤很详细,有利于新手学习,感兴趣的朋友可以了解下啊
15.5.2 IE下的优秀JavaScript调试工具Companion.JS 15.5.3 DebugBar和Companion.JS的基本操作 15.6 调试技巧 15.6.1 在Firebug中直接调试脚本 15.6.2 调试代码运行速度 15.6.3 查看对象属性 第16章 ExtJS案例...
15.5.2 IE下的优秀JavaScript调试工具Companion.JS 15.5.3 DebugBar和Companion.JS的基本操作 15.6 调试技巧 15.6.1 在Firebug中直接调试脚本 15.6.2 调试代码运行速度 15.6.3 查看对象属性 第16章 ExtJS案例...
JsHelper--Javascript操作帮助类,输出各种JS方法,方便不懂JS的人使用,减少代码量 7.JSON 转化类 ConvertJson List转成Json|对象转成Json|集合转成Json|DataSet转成Json|DataTable转成Json|DataReader转成Json...
Public class MD5Encrypt 获取MD5值帮助类 Public class MediaHelper 处理多媒体的公共类 Public class MessageBoxHelper 页面中弹出对话框帮助类 Public class MultipartForm 对文件和文本数据进行Multipart形式...
|--Json读js资源文件 |--layout布局样式之style配置 |--listview 页面 图片加文字 |--ListView之CursorAdapter异步查询框架之短信 |--ListView之动态添加子view |--ListView优化之分页加载 |--ListView优化之动态...
JsHelper--Javascript操作帮助类,输出各种JS方法,方便不懂JS的人使用,减少代码量 7.JSON 转化类 ConvertJson List转成Json|对象转成Json|集合转成Json|DataSet转成Json|DataTable转成Json|DataReader转成Json...