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.得到想要的结果



源代码包:

点击打开链接




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

转载于:https://www.cnblogs.com/mfrbuaa/p/4760026.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值