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,如需转载请自行联系原作者


相关文章
|
3月前
|
存储 前端开发 JavaScript
javascript 异常问题之为自定义异常提供丰富的上下文信息如何实现
javascript 异常问题之为自定义异常提供丰富的上下文信息如何实现
|
1月前
|
机器学习/深度学习 自然语言处理 JavaScript
信息论、机器学习的核心概念:熵、KL散度、JS散度和Renyi散度的深度解析及应用
在信息论、机器学习和统计学领域中,KL散度(Kullback-Leibler散度)是量化概率分布差异的关键概念。本文深入探讨了KL散度及其相关概念,包括Jensen-Shannon散度和Renyi散度。KL散度用于衡量两个概率分布之间的差异,而Jensen-Shannon散度则提供了一种对称的度量方式。Renyi散度通过可调参数α,提供了更灵活的散度度量。这些概念不仅在理论研究中至关重要,在实际应用中也广泛用于数据压缩、变分自编码器、强化学习等领域。通过分析电子商务中的数据漂移实例,展示了这些散度指标在捕捉数据分布变化方面的独特优势,为企业提供了数据驱动的决策支持。
70 2
信息论、机器学习的核心概念:熵、KL散度、JS散度和Renyi散度的深度解析及应用
|
1月前
|
JavaScript 前端开发 UED
JavaScript 地址信息与页面跳转
JavaScript 地址信息与页面跳转
62 1
|
1月前
|
前端开发 JavaScript Go
JS基础:输出信息的5种方式详解
JS基础:输出信息的5种方式详解
32 1
|
1月前
|
JavaScript 前端开发 UED
JavaScript 地址信息与页面跳转
JavaScript 地址信息与页面跳转
37 0
|
3月前
|
JavaScript 前端开发
JavaScript 地址信息与页面跳转及跳转传参
JavaScript 地址信息与页面跳转及跳转传参
34 1
|
3月前
|
JavaScript 前端开发 UED
JavaScript 地址信息与页面跳转
JavaScript 地址信息与页面跳转
|
3月前
|
自然语言处理 JavaScript 前端开发
【走向世界】Vue.js国际化:打造无国界应用,让爱与信息跨越语言的边界!
【8月更文挑战第30天】本文详细介绍了Vue.js中实现国际化的多种方法及最佳实践。通过使用`vue-i18n`等第三方库,开发者能够轻松地为应用添加多语言支持,优化用户体验并扩大市场覆盖范围。文章涵盖从基本配置、动态加载语言包到考虑文化差异等方面的内容,帮助读者构建真正全球化且无缝多语言体验的应用程序。
110 0
|
3月前
|
缓存 JavaScript 前端开发
微信 JS-SDK Demo “分享信息设置” API 及数字签名生成方法(NodeJS版本)
微信 JS-SDK Demo “分享信息设置” API 及数字签名生成方法(NodeJS版本)更新时间(2020-10-29)
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的高校毕业生就业信息系统小程序附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的高校毕业生就业信息系统小程序附带文章源码部署视频讲解等
51 2