js 操作GridView

最新推荐文章于 2021-01-22 09:36:54 发布
最新推荐文章于 2021-01-22 09:36:54 发布
阅读量142 收藏
点赞数
文章标签： xhtml javascript ViewUI
原文链接：http://www.cnblogs.com/stray521/archive/2008/12/30/1365383.html
版权

 

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title></title>
      <script type="text/javascript" language="javascript">
        function caculate()
        {
            var row = document.all.GrdOrderInfo.rows.length-1;
            var flag =document.all.GrdOrderInfo.rows(row).cells(0).innerText
            if(flag.trim() != "first")
            {
                row = document.all.GrdOrderInfo.rows.length-2;
            }
            var sum = 0.0;
            var sumlr = 0.0;
            for( i=1;i<row;i++)
            {
                 var cb=document.all.GrdOrderInfo.rows(i).cells(0).children(0);
                 if(cb.checked)
                 {
                      var pmoney=document.all.GrdOrderInfo.rows(i).cells(16).innerText;
                      var money=document.all.GrdOrderInfo.rows(i).cells(22).children(0).value;
                      try
                      {
                        var lirui=Number(pmoney) - Number(money);
                        document.all.GrdOrderInfo.rows(i).cells(21).innerText = lirui;
                        sumlr = Number(sumlr) + Number(lirui);
                        sum = Number(sum) + Number(money);
                      }
                      catch(ex)
                      {
                         alert(ex);
                      }
                 }
            }
            document.all.GrdOrderInfo.rows(row).cells(21).innerText = sumlr;
            document.all.GrdOrderInfo.rows(row).cells(22).innerText = sum;
       
        }
   
    String.prototype.trim = function()
    {
        return this.replace(/(^\s*)|(\s*$)/g, "");
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div style="text-align:center">
        <table border="0" cellpadding="0" cellspacing="0" class="mk" runat="server" id="mainTable">
        <tr>
            <td align="center">
                 <asp:GridView ID="GrdOrderInfo" runat="server" AutoGenerateColumns="False" BackColor="White"
                        BorderColor="#E7E7FF" BorderStyle="None" BorderWidth="1px" CellPadding="3" DataKeyNames="p_id"
                        EmptyDataText="没有任何订单信息" GridLines="Horizontal" Width="100%" AllowPaging="True" OnPageIndexChanging="GrdOrderInfo_PageIndexChanging"
                        OnRowDataBound="GrdOrderInfo_RowDataBound" PageSize="20" ShowFooter="True">
                        <FooterStyle CssClass="GridViewFooterStyle" />
                        <RowStyle CssClass="GridViewRowStyle" Height="24px" />
                        <Columns>
                            <asp:TemplateField HeaderText="选择">
                                <ItemTemplate>
                                    <asp:CheckBox ID="chbSelect" runat="server" οnclick="caculate();" />
                                </ItemTemplate>
                                <FooterTemplate>
                                    <asp:Label ID="lblsum" runat="server" Text="first" Width="99%" style="display:none"></asp:Label>
                                </FooterTemplate>
                            </asp:TemplateField>
                            <%--<asp:BoundField HeaderText="出票日期" DataField="出票日期" />--%>

                            <asp:TemplateField HeaderText="出票日期">
                                <ItemTemplate>
                                    <asp:Label ID="lblTicketDate" runat="server" Width="99%" Text='<%#Eval("出票日期") %>'></asp:Label>
                                </ItemTemplate>
                                <FooterTemplate>
                                    <asp:Label ID="lblsum" runat="server" Text="合计" Width="99%"></asp:Label>
                                </FooterTemplate>
                            </asp:TemplateField>
                            <asp:BoundField HeaderText="代理商" DataField="代理商"/>
                            <asp:BoundField HeaderText="分部名称" DataField="分部名称"/>
                            <asp:BoundField HeaderText="单位名称" DataField="单位名称"/>
                            <asp:BoundField HeaderText="单位部门" DataField="单位部门"/>
                            <asp:BoundField HeaderText="票号" DataField="票号"/>
                            <asp:BoundField HeaderText="旅客姓名" DataField="旅客姓名"/>
                            <asp:BoundField HeaderText="航程" DataField="航程"/>
                            <asp:BoundField HeaderText="航司" DataField="航司"/>
                            <asp:BoundField HeaderText="航班号" DataField="航班号"/>
                            <asp:BoundField HeaderText="舱位" DataField="舱位"/>
                            <asp:BoundField HeaderText="乘机日期" DataField="乘机日期"/>
                            <asp:BoundField HeaderText="票面价" DataField="票价"/>
                            <asp:BoundField HeaderText="税费" DataField="税"/>
                            <asp:BoundField HeaderText="退票费" DataField="退票费"/>
                            <asp:BoundField HeaderText="票款" DataField="合计"/>
                            <asp:BoundField HeaderText="政策值(3+X)" DataField="政策值"/>
                            <asp:BoundField HeaderText="应收利润" DataField="应收利润"/>
                            <asp:BoundField HeaderText="应付金额" DataField="应付金额"/>
                            <asp:BoundField HeaderText="实际(3+X)值" DataField="政策值"/>
                            <asp:TemplateField HeaderText="实际利润">
                                <ItemTemplate>
                                    <asp:Label ID="lblFactlirui" runat="server" Width="99%" Text='<%#Eval("应收利润") %>'></asp:Label>
                                </ItemTemplate>
                                <FooterTemplate>
                                    <asp:Label ID="lblsumlirui" runat="server" Text="0" Width="100%"></asp:Label>
                                </FooterTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="实付金额">
                                <ItemTemplate>
                                    <asp:TextBox ID="txtFactMoney" runat="server" Width="60" Text='<%#Eval("应付金额") %>'
                                    οnkeypress="if ((event.keyCode != 46 && event.keyCode < 48) || event.keyCode >57) event.returnValue = false;"
                                    οnchange="caculate();"
                                    ></asp:TextBox>
                                </ItemTemplate>
                                <FooterTemplate>
                                    <asp:Label ID="lblsumMoney" runat="server" Text="0" Width="100%"></asp:Label>
                                </FooterTemplate>
                            </asp:TemplateField>                              
                        </Columns>
                        <PagerStyle BackColor="#E7E7FF" CssClass="GridViewPagerStyle" ForeColor="#4A3C8C"
                            HorizontalAlign="Right" />
                        <SelectedRowStyle CssClass="GridViewSelectedRowStyle" Font-Bold="True" />
                        <HeaderStyle CssClass="GridViewHeaderStyle" Font-Bold="True" />
                        <AlternatingRowStyle CssClass="GridViewAlternatingRowStyle" />
                        <EmptyDataRowStyle ForeColor="Red" />
                    </asp:GridView>
                </td>
            </tr>
        </table>
        </div>
    </form>
</body>
</html>

转载于:https://www.cnblogs.com/stray521/archive/2008/12/30/1365383.html

dcke31608
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js 写的 GridView表格控件,绝对好用
03-16
js 做的Grid表可，可单选和多选和对记录做操作
JavaScript 操作 Gridview（.net）
chy2z的专栏
04-25 290
function ContolrGridview(r){    for( i=1;i    {             var tb=document.all.GridView1.rows(i).cells(r).children(0);            //得到第 i 行   r 列 的控件    如果是checkbox             if(tb.checked)        
js操作做GridView
weixin_33884611的博客
09-01 261
一：获取当前选中行的数据 function fun_selectedInfo() { 　　//获取当前鼠标选中元素 　　var e=event.srcElement; 　　//获取当前元素所在行号 　　var rowIndex=e.parentNode.rowIndex; 　　//得到当前Gridview对象 　　var gridView=document.getElemen...
js控制gridview
吴传一(Net)
11-25 287
var lastCheck = null;        function SelectValue(cub1) {            if (lastCheck != null)                lastCheck.checked = false;            lastCheck = cub1;            for (i = 1; i
使用javascript操作GridView（获取当前行的值）
有你_才有梦想
04-20 2120
function getIt(obj) {var r,co = obj while(o.tagName != "TD" && o.tagName != "TH")o = o.parentNodeif(o.tagName != "TD" && o.tagName != "TH") returnc = o.cellIndexwhile(o.tagName != "TR")o = o.parentNod
js GridView 实现自动计算操作代码
10-30
js操作GridView,实现自动计算的实现代码，下面的代码运行即可
Js 获取Gridview选中行的内容操作步骤
12-10
代码如下: //取得gridview中获取选中行指定列的值 function Select() { //获取鼠标点击的元素var e=eventsrcElement; //获取元素所在的行的行号（表头行号从0开始）。注意：parentElement只适用于IE浏览器，而...
JS打印gridview实现原理及代码
12-10
JavaScript（简称JS）打印gridview的实现原理及代码解析 在网页中，gridview通常用于展示数据表格，它能够以网格形式展示数据，方便用户查看和操作。在JS中，打印gridview涉及到的关键技术主要是利用浏览器的打印...
GridView中通过js对CheckBox进行全选
zhu1991_的博客
02-07 1242
function SelectAllCheckboxes(spanChk) {     elm = document.forms[0];     for (i = 0; i         if (elm[i].type == "checkbox" && elm[i].id != spanChk.id) {             if (elm.elements[i].chec
JavaScript操作服务器控件之Gridview控件
Go Forwarder
05-21 1923
JavaScript操作服务器控件之Gridview控件 1.JavaScript脚本如下：    function gridviewControl()    {        //获取GridView的客户端元素        var table=document.getElementById("GridView1");        //获取第5列（Test_Column，从0开始
js操作GridView,实现自动计算
天祺围棋
03-24 3115
  js操作GridView,实现自动计算 <!-- table,tr,td{text-align:center;} input{width:50px;text-align:center;} --> table,tr,td{text-align:center;} input{width:5
js获取gridview的值
疾风劲草
07-13 4471
js获取gridview的值 方法一: 这是在GridView里面没有控件的情况下,有控件另当别论 var gdview=;//gridview是GridView控件的ID 或者 var gdview=document.getElementById(""); //1 读取指定行单元格的值如果是0则读出其表头的值 //rowIndex=1就是第一行的值
GridView中Js的应用
weixin_30362083的博客
05-03 170
//带选择框的GridView编辑 //OnClientClick="return GridViewChooseEditConfirm('ctl00_cph_gv');" function GridViewChooseEditConfirm(getGridViewClientID) { if (document.getElementById(getGridViewClient...
通过用js方法设置GridView高度
huanglaoban的博客
01-22 268
用js方法设置GridView高度 <script> window.onload = function () { grid.SetHeight(document.documentElement.clientHeight - 60); } </script> grid在此指当期页面gridview的客户端名。
JS控制GridView行选择
zsj830120的专栏
05-07 1291
ASP.NET里的GridView控件使用非常广泛，虽然其功能强大，但总有一些不尽如人意的地方。比如在选择行的时候，它就没有UltraWebGrid做的友好；UltraWebGrid允许用户设置是否显示选择框，设置允许，则会在最左边多出一列，表示选择的行。而GridView则没有这个功能。但没有，不代表不能实现，下面我就通过JS来实现行选择的标识。后台代码： protected v
JS操作.NET中GridView控件
浅浅ｄě夕阳
05-02 1743
      众所周知，在.NET开发中如果把代码都写在后台，每块进行操作的功能代码都会使页面进行刷新，所以为避免不必要的页面刷新，就需要使用JS来进行操作。比如说为GridView的每一行添加一个CheckBox，在外面放置一个按钮，通过选择GridView中的CheckBox，来获取选中行的数据，如果拖的是Server端的按钮，那么自然会引起页面的刷新，而现在只是需要取的是GridView中的数
JS操作GridView，JS获取table的td中的值跟控件
ljm_lijingming的专栏
06-13 530
GridView的代码：                             BorderColor="#999999" BorderStyle="None" BorderWidth="1px" CellPadding="3" Font-Size="Small"                             GridLines="Vertical"
Gridview 中动态嵌入和执行 js 代码
咖啡
08-07 3093
使用GridView， 有时会需要在 删除、更新、修改、页面跳转前做数据的验证或计算，但js代码在一开始时写不进去的， 如、 、， 这些对gridView编程时都是不存在的，只有在页面解析时才会出现的控件，或嵌入到GridViewRow的控件，在解析后出现N个， 这些控件的
GridView控件高级操作技巧汇总
"GridView72绝技展示了对ASP.NET中GridView控件的多种高级操作，包括无代码分页排序、选中、编辑、删除功能，正反双向排序，与DropDownList和CheckBox的结合使用，以及如何在鼠标悬停时改变行背景色，实现删除时的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值