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});
        
    }
  • 相关阅读:
    【Leetcode_easy】961. N-Repeated Element in Size 2N Array
    【Leetcode_easy】953. Verifying an Alien Dictionary
    【Leetcode_easy】949. Largest Time for Given Digits
    【Leetcode_easy】944. Delete Columns to Make Sorted
    【Leetcode_easy】942. DI String Match
    【Leetcode_easy】941. Valid Mountain Array
    【Leetcode_easy】938. Range Sum of BST
    【Leetcode_easy】937. Reorder Log Files
    【Leetcode_easy】933. Number of Recent Calls
    【Leetcode_easy】929. Unique Email Addresses
  • 原文地址:https://www.cnblogs.com/yzssoft/p/7028841.html
Copyright © 2011-2022 走看看