文档章节

easyui弹出window里加载datagraid

独钓渔
 独钓渔
发布于 2017/09/12 10:46
字数 485
阅读 22
收藏 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
沙坪坝
系统管理员
私信 提问
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
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
jquery easyui 弹出消息框

<html> <head> <!-- 导入easyui插件的js和css样式; --> <link rel="stylesheet" type="text/css" href="/EasyuiDemo/scripts/jquery-easyui-1.1.1/themes/default/easyui.css"> <link rel="s......

一念三千
2012/11/01
0
0
easyui dialog自定义可拖曳

看到标题的朋友一定会觉得本人很奇怪,easyui的dialog不是自带可拖曳的属性吗。是的,dialog继承了Window的一个属性draggable,设为true之后,窗口便可以拖曳。事实是,一,easyui的draggab...

MissGu
2015/04/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

AI赋能一键自动检测:页面异常、控件异常、文本异常

摘要: 1.前言 闲鱼质量团队一直致力于交付高质量的app给用户,当前随着AI技术不断发展,TensorFlow大热,也给测试手段带来了更多种可能,本文接下来给大家介绍AI在闲鱼测试的一点实践:如何...

阿里云官方博客
刚刚
0
0
Microsoft Remote Desktop For Mac

地址:https://rink.hockeyapp.net/apps/5e0c144289a51fca2d3bfa39ce7f2b06/ 解决国内App store不能下载的问题。

Cheuker
11分钟前
0
0
原地打印刷新(倒计时)

原地打印刷新(倒计时) 代码如下 from time import sleepfor i in reversed(range(1, 11)): print("\r倒计时:{}秒".format(i), end="") sleep(1)...

_Change_
24分钟前
0
0
php,vue,vue-ssr 做出来的页面有什么区别?

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由shirishiyue发表于云+社区专栏 目前我这边的web页面,都是采用php+smarty模板生成的,是一种比较早期的开发模式。好处是没...

腾讯云加社区
30分钟前
1
0
安卓的切图规范

Android UI 切图命名规范、标注规范及单位描述 很多UI设计师做APP切图都会有两套,一套是Android的,一套是IOS的。IOS我这边暂不作讲解,因为我本人也不是开发IOS。这里整理一下我在Android...

mo311
34分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部