文档章节

easyui弹出window里加载datagraid

独钓渔
 独钓渔
发布于 2017/09/12 10:46
字数 485
阅读 23
收藏 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', '今天');

 

© 著作权归作者所有

共有 人打赏支持
独钓渔
粉丝 47
博文 375
码字总数 142587
作品 0
沙坪坝
系统管理员
私信 提问
jQuery-EasyUI 1.2.3 发布

Current Version: 1.2.3 ChangeLog: Bug window: Cannot resize the window with iframe content. fixed. tree: The node will be removed when dragging to its child. fixed. combogrid: T......

ejzhang
2011/04/26
6.1K
3
EasyUI基础入门之Parser(解析器)

前言 JQuery EasyUI提供的组件包括功能强大的DataGrid,TreeGrid、面板、下拉组合等。用户可以组合使用这些组件,也可以单独使用其中一个。(使用的形式是以插件的方式提供的) EasyUI体系结构 ...

LCore
2014/07/11
0
9
JQuery EasyUi之界面设计——前言与界面效果(一)

如果冯巩的开场白是“观众朋友们,我想死你们了”,那么我的开场白是“最近一直很忙,很久没有发文了”。 前面说过了EXT.NET,这里顺便再说说JQuery EasyUI。为啥我会选择JQuery EasyUI呢?主...

易水寒丶开源
2015/10/27
0
0
easyui和jquery的ajaxupload结合文件上传问题

页面使用了easyui,在datagrid的工具栏中有一个a标签按钮,点击弹出一个window,里面是一个input一个a标签按钮,选择文件之后input中的值是C:/fakepath/文件名,在js中使用$('#uploadfile')....

影非弦
2015/06/22
17.2K
3
qury-easyui DataGrid 整合struts2增删查该入门实例(三)

主界面 添加 修改 删除 查询暂时按照单字段id查询 页面主要代码easyDemo1.jsp: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getConte......

一念三千
2012/11/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Jmeter参数的AES加密使用

在Jmeter日常实践中,大家应该都遇到过接口传参需要加密的情况。以登陆为例,用户名和密码一般都需要进行加密传输,在服务端再进行解密,这样安全系数会更高,但在使用jmeter进行接口测试的时...

程序猿拿Q
9分钟前
0
0
MYSQL 日期函数 Date and Time Functions

Table 12.13 Date and Time Functions Name Description ADDDATE() Add time values (intervals) to a date value ADDTIME() Add time CONVERT_TZ() Convert from one time zone to another ......

_liucui_
15分钟前
0
0
Android代码混淆ProGuard工作原理简介

ProGuard能够对Java类中的代码进行压缩(Shrink),优化(Optimize),混淆(Obfuscate),预检(Preveirfy)。    1. 压缩(Shrink): 在压缩处理这一步中,用于检测和删除没有使用的类,字段...

SuShine
18分钟前
0
0
Idea 2018激活

教程地址: https://www.52pojie.cn/thread-781394-1-1.html 亲测可用

一个不正经的程序员
23分钟前
0
0
Android组件化开发实践和案例分享

目录介绍 1.为什么要组件化 1.1 为什么要组件化 1.2 现阶段遇到的问题 2.组件化的概念 2.1 什么是组件化 2.2 区分模块化与组件化 2.3 组件化优势好处 2.4 区分组件化和插件化 2.5 applicatio...

潇湘剑雨
24分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部