使用jQuery获取GridView的数据行的数量

一个同事在群里抛出了上述的问题,另一个同事给出了答案,试了一下,还不错.贴出代码和效果图:


 1 <html xmlns="http://www.w3.org/1999/xhtml">
2 <head runat="server">
3 <title></title>
4 <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
5 <script type="text/javascript">
6 $(document).ready(function () {
7 $("#btn123").click(function () {
8 var totalRow = $("#<%=GridView1.ClientID %> tr").length - 1;
9 alert(totalRow);
10 });
11 });
12 </script>
13 </head>
14 <body>
15 <form id="form1" runat="server">
16 <div>
17 <asp:GridView ID="GridView1" runat="server" Height="151px" Width="152px">
18 </asp:GridView>
19 <br/> <br/>
20 <asp:Button Width="100" Height="50" ID="btn123" Text="show" runat="server"/>
21 </div>
22 </form>
23 </body>
24 </html>

效果图:

使用jQuery获取GridView的数据行的数量

时间: 2024-12-28 17:54:41

使用jQuery获取GridView的数据行的数量的相关文章

KindEditor提交用jquery获取不到数据的解决方法

http://www.douban.com/note/257795704/ 如果说用php接收的话,在HTML中这样写就可以了var editor;KindEditor.ready(function(K) {  editor = K.create('#editor_id');如果是用ajax方式提交的话,这样是获取不到数据的,最关键的是数据不同步在html页面中的javascript程序要这样写<script type="text/javascript">   KindEd

jQuery获取JSON格式数据方法

getJSON方法: jQuery.getJSON(url,data,success(data,status,xhr)) $("button").click(function(){ $.getJSON("demo_ajax_json.js",function(result_data){ $.each(result_data, function(index, name_value){ $("div").append(name_value + &qu

点击GridView中TextBox弹出输入对话层,输入内容反传回先前点击的TextBox中(Jquery获取GridView中TextBox的ID)

项目中,由于用户反映说:GridView表中的输入框太小,不方便输入,特别是在输入内容多的时候.问能不能点击GridView中输入框的时候能弹出一个大的内容输入对话框. 介于用户的要求,我就开始修改. 先想到的就是我用Jquery在GridView中TextBox上添加一个focus焦点捕捉事件,当点击时触犯弹出内容输入框. 然后就是当输入完毕的操作了,我又使用内容输入框(其实也是一个TextBox)的焦点失去事件(blur),在该事件中先把值反馈回先前点击的GridView中的那个TextBo

jquery获取GridView中RadioButton选中的数据

function selectSingleRadio(rbtn) { var radio = document.getElementsByTagName("radio"); var arrAll = document.all; for (i = 0; i < arrAll.length; i++) { if (arrAll[i].type == "radio") { arrAll[i].checked = false; } } rbtn.checked = t

利用Jquery获取服务器端json数据

json (JavaScript Object Notation)是一种轻量级的数据交换格式,它使用的是的http get请求 通过jQuery的.getJSON()方法获取json数据,并转化为字符串 $.getJSON("/json/cats.json",function(json){        $(".message").html(JSON.stringify(json));      }); });

jQuery EasyUI的DataGrid 数据行上右键问题

如下图:我想查看单行数据(如ID为20)的右键上获取该行的值,代码: JavaScript code <script type="text/javascript"> $(function(){ $('#test').datagrid({ title:'DataGrid数据列表', iconCls:'icon-grid', fit:true, collapsible:true, closable:true, nowrap: false, animate:true, url:

获取apache ignite缓存中的数据行数少于实际行数

我将ignite项目打包放到linux下,在linux下获取window中存放在oracle数据库中的数据,linux服务器作为ignite的服务端节点,我在本地启动tomact,作为ignite客户端获取linux中缓存的数据.在未使用ignite的情况下,即在本地使用jdbc直接连接oracle数据库.获取出来的数据行数为94217使用了ignite,启动一个服务端节点(linux中)和一个客户端节点(window中),获取出来的数据行数为94107使用了ignite,启动两个服务端节点(l

C# 后台获取GridView列表的值

int rowIndex = ((GridViewRow)((Button)sender).NamingContainer).RowIndex;//获取gridview中的行号            string id = GridView1.Rows[rowIndex].Cells[0].Text;//获取所在行数第一行的文本 原文地址:https://www.cnblogs.com/suncos/p/9687790.html

Dev GridView 获取选中分组下的所有数据行 z

现在要在DevExpress 的GridView 中实现这样一个功能.就是判断当前的选中行是否是分组行,如果是的话就要获取该分组下的所有数据信息. 如下图(当选中红框中的分组行事.程序要获取该分组下的所有数据) 实现代码如下: List<int> _gridViewRowIndexs = new List<int>(); //存储GridView 中选中的行索引 private void Test() { int[] rows = gridView1.GetSelectedRows