自设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="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传参,获取结果显示在弹出框,并加载合计的更多相关文章
- url传参后获取参数
当我们通过url传参跳转到其他页面,如: http://www.xxx.com/content.html?id=217&name=txf&phone=15829087165 在跳转后的 ...
- jsp中 url传参到后台的参数获取
datagrid传值url方法1:<input type="hidden" id="sortid"> <table id="dg&q ...
- vue.js 1中父组件跳到子组件中并传参让子组件显示不同的内容
父组件中的点击跳转: <ul class="insurance-entry clearfloat"> <li v-link="{name:'produc ...
- JS获取url传参
function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new O ...
- apiCloud中api.ajax方法跨域传参获取数据
apiCloud中的ajax方法,可以自动处理跨域访问数据,不必使用jsonp来处理了. 使用ajax方法,必须要在apiready = function() {}方法中 获取参数 var pageP ...
- element table 先显示暂无数据 之后再加载数据 问题
项目中的表格请求数据时,进去页面,先出现 ''暂无数据'' 字样闪现一下之后在进行加载数据,用户体验十分不好 解决办法: <template> <el-table :data=&qu ...
- js date对象传参获取特定日期的时间戳
当我们想要通过js获取某一特定时间的时间戳时,会通过给date对象传参再通过getTime函数来获取,传递的参数格式也有不同形式.有些时候,可能会因为自己传入参数的格式不正确而导致date对象inva ...
- js实现table表格相同内容按需合并
uniteTdCells(tableId) { var table = document.getElementById(tableId); for (let i = 0; i < table.r ...
- 在把table表格中的数据导出到Excel的时候,以科学计数法显示位数多的数字时怎么解决?
sbHtml.AppendFormat("<td> {0}</td>", data[i].IDcard.ToString()); sbHtml.Append ...
随机推荐
- Android View框架总结(一)
View和Activity的区别 View有哪些? ViewGroup是什么? 为什么Google产生ViewGroup? View的层级结构是什么? View的onMeasure()/onLayou ...
- (八十六)使用系统自带的分享框架Social.framework
使用Social.framework十分简单,能够便捷的分享到主流的社交框架. ①导入主头文件 #import <Social/Social.h> ②以新浪微博为例,首先判断服务是否可用, ...
- [GitHub]第五讲:团队合作流程
文章转载自:http://blog.csdn.net/loadsong/article/details/51591631 前几天还都是一个开发者唱独角戏.但是尽管如此也可以看出 Git 带来的便利了, ...
- MTK机器原始OTA更新方法
在源码中编译完成后会生成各类.img的文件,这时候make otapackage生成ota包 一般ota包在源码工程的out/target/...目录下 一.通过线刷模式 将生成OTA包拷贝到Wind ...
- iOS中GET 和 POST 数据请求
iOS中GET 和 POST 网络数据请求 同步请求和异步请求的差别: 1.同步请求,有主线程完成网路请求任务,在数据没有请求之前,用户的所有的交互事件应用都无法处理,会造成一种卡顿现象,影响用户体验 ...
- 简谈高通Trustzone的实现
从trust zone之我见知道,支持trustzone的芯片会跑在两个世界. 普通世界.安全世界,对应高通这边是HLOS,QSEE. 如下图: 如下是HLOS与QSEE的软件架构图 HLOS这两分为 ...
- JAVA之旅(四)——面向对象思想,成员/局部变量,匿名对象,封装 , private,构造方法,构造代码块
JAVA之旅(四)--面向对象思想,成员/局部变量,匿名对象,封装 , private,构造方法,构造代码块 加油吧,节奏得快点了 1.概述 上篇幅也是讲了这点,这篇幅就着重的讲一下思想和案例 就拿买 ...
- EventBus 最简易的使用方式
呃,要跟上时代的步伐,所以来学习一下EventBus(话说好像现在学也已经算是跟不上了..嘛..不管了,一步一步往前追,应该还来得及吧). 转载请注明出处:http://blog.csdn.net/w ...
- (三十)PickerView文字和随机数的使用
PickerView用于展示供选择的内容(例如日期选取.点菜等). 有三种情况: 1.每一列都是独立的选取 2.右边的列受到左边列的影响 3.包含图片 PickerView和TableView类似,通 ...
- 网站开发进阶(二十六)js刷新页面方法大全
js刷新页面方法大全 在项目开发过程中,需要实现刷新页面.经过学习,发现下面这条语句就可以轻松实现. location.reload(); // 刷新页面 有关刷新页面的其它方法,具体学习内容如下,有 ...