zoukankan      html  css  js  c++  java
  • 自设table表格,获取内容,并经弹出框的url传参,获取结果显示在弹出框,并加载合计

    table表格,选择框

    form id="editForm1">
        <table class="table_form">
            <td >经济性质:</td>
               <td >
                    <input width="150" type="text" id="nature_id" readonly onclick="show_nature()">
                    <input type="hidden" name="nature_name">
                </td>
            </tr>
            <tr><td colspan="3">请选择统计类型:</td></tr>
            <tr>
                <td align="right">
                    <input type="radio" class="" name="rblViewStyle" value="1" checked="checked" class="mini-textboxlist">全口径
                </td>
                <td align="right">
                    <input type="radio"class="" name="rblViewStyle" value="2" class="mini-textboxlist">区级分成
                </td>
            </tr>
            <tr>
                <td colspan="3" align="center">
                    <a class="btn_color_1" id="BtnSaveBack1" onclick=" chaxun(0);"><i class="fa fa-save"></i> 查询</a>
                </td>
            </tr>
        </table>
    </form>

    弹出框,结果显示

    <div id="editWindow1" class="mini-window" title="国地税分部门纳税统计" style="1400px; height :600px;" showModal="true" allowResize="true" allowDrag="true">
        <div id="grid" class="mini-datagrid" style=" 100%; height: 100%; border:0;" dataField="rows" url="${ctx}/tAXPAYTAXEXTOTAL/gdHZ_dept" autoload="false" allowresize="false" sortField="ID"
             sortOrder="asc" pagesize="100" allowalternating="true" multiselect="true" onload="onLoad">
        </div>
    </div>

    点击查询,进入chaxun(0)方法

    获取输入框中的内容
    var nature_name=$('#nature_id').val();
        rblViewStyle=($("[name='rblViewStyle']:checked").val());
    //将数据放在_SearchData中
    var _SearchData = {};
    
    _SearchData = $.extend(_SearchData, mini.decode("{'nature_name':'" + nature_name + "'}"));
    _SearchData = $.extend(_SearchData, mini.decode("{'rblViewStyle':'" + rblViewStyle + "'}"));
    //先加载弹出框
    editWindow1.show();
    加载弹出框中表格的内容
    grid.set({
        columns: [
         { field: "TOWN",  140,align: "center", headerAlign: "center", allowSort: true, header: "所属镇办" },
            ]
    });
    //再执行弹出框grid中的url,并将数据传给后台,获取结果后将内容给弹出框
    grid.load(_SearchData);

    弹出框中有onload="onLoad"属性,加载onLoad()方法,添加合计新行

    function onLoad(e) {
        var index = grid.getData().length;
        var row= {"TOWN": "合计", "ZCDJLX": "","MONEY_ALL": ""};
    //添加新行
        grid.addRow(row, index);
    //对index行,从第1列占位(合并)1行2列
        var marges = [
            { rowIndex: index, columnIndex: 1, rowSpan: 1, colSpan: 2},
        ];
        grid.mergeCells(marges);//进行合并
    
        var grids = e.sender;
        var MONEY_ALL=0;
        var length=grids.data.length;
    //对每行内容进行相加
        for (var i = 0; i <length; i++) {
           MONEY_ALL =MONEY_ALL+( grids.data[i].MONEY_ALL =="" ? 0 : parseFloat(grids.data[i].MONEY_ALL));
        }
    //修改该行
        grid.updateRow(row, { "MONEY_ALL": MONEY_ALL});
        
    }
  • 相关阅读:
    out/host/linuxx86/obj/EXECUTABLES/aapt_intermediates/aapt 64 32 操作系统
    linux 查看路由器 电脑主机 端口号 占用
    linux proc进程 pid stat statm status id 目录 解析 内存使用
    linux vim 设置大全详解
    ubuntu subclipse svn no libsvnjavahl1 in java.library.path no svnjavahl1 in java.library.path no s
    win7 安装 ubuntu 双系统 详解 easybcd 工具 不能进入 ubuntu 界面
    Atitit.json xml 序列化循环引用解决方案json
    Atitit.编程语言and 自然语言的比较and 编程语言未来的发展
    Atitit.跨语言  文件夹与文件的io操作集合  草案
    Atitit.atijson 类库的新特性设计与实现 v3 q31
  • 原文地址:https://www.cnblogs.com/yzssoft/p/7028841.html
Copyright © 2011-2022 走看看