JS弄ASP.NET(C#)在页GridView信息选择行

简介:

做web发展还是新手我,为了之前获得Gridview中间值,它是通过服务器端控件通过第一Gridview将数据保存到服务器,当一个服务器,然后绑定的隐藏字段,在通过的js阅读隐藏字段值,如今,这种方法感觉很愚蠢;虽然获得的数据easy但是,什么是穿越Gridview,可是考虑的性能,我还是想用js来读取。

如今可以得到我想要的数据了,为了方便以后和我一样的新手。如今简单记下,希望可以抛砖引玉,有待找到更好的解决的方法。

假设您有更好的想法请联系qq:643166601,我会及时记录更新。

1.准备数据库,我的数据库名字叫做LionDB,以下有一个表叫做User,例如以下:


User表的定义,例如以下:


User表中的数据。例如以下:



2.页面上放两个控件 

a) GridView,绑定数据源,加入checkbox列。其它列自己主动绑定

b) Input(Button) 。加入事件(为以后得详细哪一行或那几行数据做准备)

之后,页面效果例如以下:


4.js关键代码

    <script language="javascript" type="text/javascript">
// <![CDATA[

        function btnChecked_onclick() {

            var tb = document.getElementById("<%=GridView1.ClientID %>"); 
            var sLine = "";
            if (tb) {
                var rows = tb.rows;
                for (var i = 1; i < rows.length; i++) {
                    var cbx = rows[i].cells[0].childNodes[0].nextElementSibling;
                    if (cbx.type == 'checkbox' && cbx.checked == true) {
                        var sUserId = rows[i].cells[1].innerHTML;
                        var sUserName = rows[i].cells[2].innerHTML;
                        sLine += "userId:" + sUserId + "userName:" + sUserName + " ";
                    }
                }
          alert(sLine);
            }
        }
// ]]>
    </script>

5.执行效果



6.得到想要的结果



源代码包:

点击打开链接




版权声明:本文博主原创文章,博客,未经同意,不得转载。






本文转自mfrbuaa博客园博客,原文链接:http://www.cnblogs.com/mfrbuaa/p/4760026.html,如需转载请自行联系原作者


相关文章
|
1月前
|
存储 前端开发 JavaScript
javascript 异常问题之为自定义异常提供丰富的上下文信息如何实现
javascript 异常问题之为自定义异常提供丰富的上下文信息如何实现
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的高校实习信息发布网站附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的高校实习信息发布网站附带文章源码部署视频讲解等
69 20
|
1月前
|
JavaScript 前端开发
JavaScript 地址信息与页面跳转及跳转传参
JavaScript 地址信息与页面跳转及跳转传参
26 1
|
1月前
|
JavaScript 前端开发 UED
JavaScript 地址信息与页面跳转
JavaScript 地址信息与页面跳转
|
20天前
|
自然语言处理 JavaScript 前端开发
【走向世界】Vue.js国际化:打造无国界应用,让爱与信息跨越语言的边界!
【8月更文挑战第30天】本文详细介绍了Vue.js中实现国际化的多种方法及最佳实践。通过使用`vue-i18n`等第三方库,开发者能够轻松地为应用添加多语言支持,优化用户体验并扩大市场覆盖范围。文章涵盖从基本配置、动态加载语言包到考虑文化差异等方面的内容,帮助读者构建真正全球化且无缝多语言体验的应用程序。
38 0
|
1月前
|
缓存 JavaScript 前端开发
微信 JS-SDK Demo “分享信息设置” API 及数字签名生成方法(NodeJS版本)
微信 JS-SDK Demo “分享信息设置” API 及数字签名生成方法(NodeJS版本)更新时间(2020-10-29)
|
3月前
|
开发框架 前端开发 .NET
LIMS(实验室)信息管理系统源码、有哪些应用领域?采用C# ASP.NET dotnet 3.5 开发的一套实验室信息系统源码
集成于VS 2019,EXT.NET前端和ASP.NET后端,搭配MSSQL 2018数据库。系统覆盖样品管理、数据分析、报表和项目管理等实验室全流程。应用广泛,包括生产质检(如石化、制药)、环保监测、试验研究等领域。随着技术发展,现代LIMS还融合了临床、电子实验室笔记本和SaaS等功能,以满足复杂多样的实验室管理需求。
66 3
LIMS(实验室)信息管理系统源码、有哪些应用领域?采用C# ASP.NET dotnet 3.5 开发的一套实验室信息系统源码
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的新能源汽车信息咨询服务附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的新能源汽车信息咨询服务附带文章源码部署视频讲解等
30 1
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的高校毕业生就业信息系统小程序附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的高校毕业生就业信息系统小程序附带文章源码部署视频讲解等
35 2
|
1月前
|
存储 中间件 API
Nest.js 实战 (六):使用 Session 在不同请求间存储信息
这篇文章介绍了在Nest.js中如何使用Session来记录客户状态。文章首先解释了Session的概念,然后详细说明了如何在Nest.js中安装和使用express-session,包括全局配置、参数说明、使用方式和常用方法。