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="width:1400px; height :600px;" showModal="true" allowResize="true" allowDrag="true">
<div id="grid" class="mini-datagrid" style="width: 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", width: 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}); }

自设table表格,获取内容,并经弹出框的url传参,获取结果显示在弹出框,并加载合计的更多相关文章

  1. url传参后获取参数

    当我们通过url传参跳转到其他页面,如: http://www.xxx.com/content.html?id=217&name=txf&phone=15829087165 在跳转后的 ...

  2. jsp中 url传参到后台的参数获取

    datagrid传值url方法1:<input type="hidden" id="sortid"> <table id="dg&q ...

  3. vue.js 1中父组件跳到子组件中并传参让子组件显示不同的内容

    父组件中的点击跳转: <ul class="insurance-entry clearfloat"> <li v-link="{name:'produc ...

  4. JS获取url传参

    function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new O ...

  5. apiCloud中api.ajax方法跨域传参获取数据

    apiCloud中的ajax方法,可以自动处理跨域访问数据,不必使用jsonp来处理了. 使用ajax方法,必须要在apiready = function() {}方法中 获取参数 var pageP ...

  6. element table 先显示暂无数据 之后再加载数据 问题

    项目中的表格请求数据时,进去页面,先出现 ''暂无数据'' 字样闪现一下之后在进行加载数据,用户体验十分不好 解决办法: <template> <el-table :data=&qu ...

  7. js date对象传参获取特定日期的时间戳

    当我们想要通过js获取某一特定时间的时间戳时,会通过给date对象传参再通过getTime函数来获取,传递的参数格式也有不同形式.有些时候,可能会因为自己传入参数的格式不正确而导致date对象inva ...

  8. js实现table表格相同内容按需合并

    uniteTdCells(tableId) { var table = document.getElementById(tableId); for (let i = 0; i < table.r ...

  9. 在把table表格中的数据导出到Excel的时候,以科学计数法显示位数多的数字时怎么解决?

    sbHtml.AppendFormat("<td> {0}</td>", data[i].IDcard.ToString()); sbHtml.Append ...

随机推荐

  1. Error处理:Unable to execute dex: java.nio.BufferOverflowException. Check the Eclipse log for stack tra

    [2014-04-20 20:59:23 - MyDetectActivity] Dx  trouble writing output: already prepared [2014-04-20 20 ...

  2. android orm持久层框架

    ; ; i < 2; i++) { )); ); h1.setWord("这是修改过的数据"); tv.setText(tv.getText() + "\n&quo ...

  3. SSH深度历险(三) EJB Session Bean有状态和无状态的区别与联系

    刚开始对两种sessionbean存在误解,认为有状态是实例一直存在,保存每次调用后的状态,并对下一次调用起作用,而认为无状态是每次调用实例化一次,不保留用户信息.仔细分析并用实践检验后,会发现,事实 ...

  4. UNIX网络编程——客户/服务器程序设计示范(六)

    TCP并发服务器程序,每个客户一个线程 前面讲述了,每个客户一个进程的服务器,或为每个客户现场fork一个子进程,或者预先派生一定数目的子进程.如果服务器主机支持线程,我们就可以改用线程以取代子进程. ...

  5. 【shell脚本】mysql每日备份shell脚本

    每天固定时间用mysqldump 备份mysql数据. #!/bin/bash #每天早上4点, mysql备份数据 orangleliu #chmod 700 backup.sh #crontab ...

  6. android PakageManagerService启动流程分析

    PakageManagerService的启动流程图 1.PakageManagerService概述 PakageManagerService是android系统中一个核心的服务,它负责系统中Pac ...

  7. 未完成的IT路停在回车键---2014年末总结篇

    时间都去哪儿了?         一晃而过,越来越能体会到这个词的真实感.特别是过了二十岁,这种感觉越来越深刻,越来越强烈,犹如小编做公交车的时候一直向后排排倒的香樟树,还记得有首歌叫时间都哪儿了,而 ...

  8. 【翻译】Ext JS最新技巧——2015-8-11

    原文:Top Support Tips Seth Lemmons:使用棒极了的Awesome Font Ext JS 6附带了一个新的海卫一主题,可以使用Font Awesome字体作为背景图像的图标 ...

  9. 并发编程(二):分析Boost对 互斥量和条件变量的封装及实现生产者消费者问题

    请阅读上篇文章<并发编程实战: POSIX 使用互斥量和条件变量实现生产者/消费者问题>.当然不阅读亦不影响本篇文章的阅读. Boost的互斥量,条件变量做了很好的封装,因此比" ...

  10. 基于HTTP头部的注入

    基于HTTP头部的注入 常见的sql注入一般都是通过表单或请求参数进行注入,但这里给出的例子是通过HTTP协议头部进行注入. 例如一个的请求如下: GET / HTTP/1.1 Host: www.e ...