文档章节

easyui弹出window里加载datagraid

独钓渔
 独钓渔
发布于 2017/09/12 10:46
字数 485
阅读 100
收藏 0

行业解决方案、产品招募中!想赚钱就来传!>>>

 

easyui弹出window里加载datagraid


function getMerchantNoRangeSucc(merchantNo) {
	$('#dlg-merchantNo-succ').show();
	$('#dlg-merchantNo-succ').window({
		title : '商户分段成功率',
		width:800,
		height:450,
		fitColumns:true,
	    collapsible:false, 
	    minimizable : false,
	    maximizable : false,
	    modal:true,
	    iconCls : "icon-view-detail",
	    buttons : [ 
	    	 {
			text : '关闭',
			iconCls : 'icon-cancel',
			handler : function() {
				$('#dlg-merchantNo-succ').window('close');
			}
		}]
	});
	$('#dlg-merchantNo-succ').window('open');
	$("#datagrid-merchantNo-succ").datagrid({
		url : "modules/sysbase/merchantNoRangeSuccessRate",
		queryParams : {
			merchant_no:merchantNo
		},
		nowWrap : true,
		fitColumns : true,
		fit : true,
		singleSelect:true,
		autoRowHeight : false,
		striped : true,
		rownumbers : true,
		pagination : false, // 显示分页
		striped : true, // 奇偶行颜色不同
		title : "",
		idField : '',
		columns : [[
		            {field : 'merchant_no',title : '商户名',width : 100,},
		            {field : 'node_code',title : '编码',width : 100},
				    {field : 'node_name',title : '名称',width : 100},
				    {field : 'range',title : '金额范围',width : 100},
				    {field : 'total',title : '总交易数',width : 100},
				    {field : 'success',title : '成功笔数',width : 100},
				    {field : 'succ_rate',title : '成功率',width : 100}
		]]
	});
}


function formatMerchantNo(value, row, index) { 
    var str = '<a href="javascript:void(0)" onclick="getMerchantNoRangeSucc('+ "'"+value+"'"+')">' + value + '</a>';  
    return str;  
}

与其配合的jsp是

	<!-- 某个商户号的金额分段成功率 -->
	<div id="dlg-merchantNo-succ" style="display:none">
        <table id="datagrid-merchantNo-succ">
        </table>  
    </div> 

 

最初的垃圾

	<!-- 某个商户号的金额分段成功率 -->
	<div id="dlg-merchantNo-succ" class="easyui-dialog" style="width: 600px; height: auto; padding: 10px 20px" data-options="closed:true,buttons:'#dlg-merchantNo-succ-buttons'">
        <table id="datagrid-merchantNo-succ">
        </table>  
    </div>  
    <div id="dlg-merchantNo-succ-buttons">  
        <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" onclick="javascript:$('#dlg-merchantNo-succ').dialog('close')"  style="width: 90px">关闭</a>  
    </div>
function getMerchantNoRangeSucc(merchantNo) {
	//alert(merchantNo);
	$("#datagrid-merchantNo-succ").datagrid({
		url : "modules/sysbase/merchantNoRangeSuccessRate",
		//url : "modules/sysbase/a.json",
		queryParams : {
			//merchant_no:$('#merchant_no').val()
			merchant_no:merchantNo
		},
		nowWrap : true,
		fitColumns : true,
		fit : true,
		singleSelect:true,
		autoRowHeight : false,
		striped : true,
		rownumbers : true,
		pagination : false, // 显示分页
		striped : true, // 奇偶行颜色不同
		title : "商户分段的成功率",
		idField : '',
		columns : [[
		            {field : 'merchant_no',title : '商户名',width : 100,},
		            {field : 'node_code',title : '编码',width : 100},
				    {field : 'node_name',title : '名称',width : 100},
				    {field : 'range',title : '范围',width : 100},
				    {field : 'total',title : '总交易数',width : 100},
				    {field : 'success',title : '成功交易数',width : 100},
				    {field : 'succ_rate',title : '成功率',width : 100}
		]],
		//toolbar : "#tool-bars",
		//pageNumber : 1,
		//pageSize : 20
	});
	
	$('#dlg-merchantNo-succ').dialog({
	    title: '商户分段的成功率',
	    width: 800,
	    height: 400,
	    closed: false,
	    cache: false,
	    modal: true
	});
	$('#dlg-merchantNo-succ').diglog('open');
	$('#dlg-merchantNo-succ').diglog('center');
}

 

combobox的使用

<input name="node_code" id="node_code" type="text" style="width:150px" class="easyui-textbox" />

 

    //通道
	$('#node_code').combobox({
		valueField:'pay_node_code', //值字段
	    textField:'pay_node_name', //显示的字段
	    url:'modules/sysbase/queryAllPayNodeUse',
	    panelHeight:300,
	    required:false,
		editable:false//不可编辑,只能选择
	});
	
	$('#start_date').datebox('setValue', '今天');
	$('#end_date').datebox('setValue', '今天');

 

独钓渔
粉丝 49
博文 490
码字总数 197606
作品 0
沙坪坝
系统管理员
私信 提问
加载中
请先登录后再评论。
iOS 应用版本更新检查--Harpy

实现 app 版本检查功能。用户打开app之后,进行app的版本更新检查。如果检查到 appstore 上有当前qpp的新版本,则弹出对话框提醒用户下载。可以设置让用户选择下载或者强制用户下载。 [Code4...

匿名
2013/02/18
1.7K
0
Flash 皮肤样式--Windows8UIStyle

Windows8UIStyle 模仿 Windows 8 的桌面用户界面,使得 FlashSwing 应用程序在 Windows 8 系统中拥有与传统应用程序一致的用户界面。 Windows8UIStyle 对 FlashSwing 默认主题的修改: 提供和...

Gregary
2013/02/19
1.3K
1
JQuery showDialog

使用方法: 先引入jquery库 版本不低于1.4.2 调用函数 showDialog(mode, msg, t, sd_width) 参数说明: 1, mode 模式 a. confirm [确认模式] b. info [显示信息] b. window [AJAX获取网页内容]...

匿名
2012/11/03
9.8K
0
字符集转换库--libtranscript

libtranscript 是一个字符集转换库,类似 iconv。主要用于内部使用 Unicode、UTF-8, UTF-16 or UTF-32/UCS-4 编码的程序。 libtranscript 当前提供的编码转换包括: Unicode UTF-{7,8,16LE,...

匿名
2012/11/04
991
0
用AGG实现高质量图形输出(一)

AGG是一个开源、高效的跨平台2D图形库。AGG的功能与GDI+的功能非常类似,但提供了比GDI+更灵活的编程接口,其产生的图形的质量也非常高 (自称超过GDI+) 使用前AGG的准备工作 下载AGG库,它的...

Waiting4you
2009/08/24
2.6K
0

没有更多内容

加载失败,请刷新页面

加载更多

数据库高频面试点,事务/乐观锁/悲观锁/CAS/MySQL存储引擎

事务的ACID特性是什么? 原子性: 事务是最小的执行单位,不允许分割。事务的原子性确保动作要么全部完成,要么完全不起作用; 一致性: 执行事务前后,数据保持一致,多个事务对同一个数据读...

osc_45536bvu
33分钟前
16
0
大数据BI软件助力企业数字化转型

当下,「新基建」势头正盛,随着“新基建”成为热议话题,数字化也随之成为企业面临的新机遇和新挑战。新基建的核心就是数据,数据是数字经济和企业数字化转型的生产要素和发展动力。 再看看...

osc_0boqdoe2
34分钟前
0
0
凯旋创投来志刚:基因治疗新时代,大戏刚刚开始

  2017 年,全球第一个基因治疗方法 CAR-T 细胞药物 Kymriah 获得 FDA 上市批准,从此掀起了基因治疗的热潮。随着相关技术和政策的不断成熟,基因治疗市场也随之扩大。根据德勤发布的《引领...

osc_k3vwonkw
35分钟前
10
0
LightningChart.NET使用两个BarSeries创建简单的2D图表

本教程介绍了如何使用两个BarSeries创建简单的2D图表。 BarSeries将数据值表示为矩形条,并且可以用于以非常清晰的方式可视化数据之间的差异和方差。 在本教程中,BarSeries用于表示两年期间...

roffey
36分钟前
0
0
Mybatis trim 标签的 2 个妙用!

云栖号资讯:【点击查看更多行业资讯】 在这里您可以找到不同行业的第一手的上云资讯,还在等什么,快来! mybatis的trim标签一般用于去除sql语句中多余的and关键字,逗号,或者给sql语句前拼...

osc_x03qsedc
36分钟前
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部