文档章节

easyui弹出window里加载datagraid

独钓渔
 独钓渔
发布于 2017/09/12 10:46
字数 485
阅读 19
收藏 0
点赞 0
评论 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
python 写的selenium脚本不能循环,循环时会报 [WinError 10053] 你的主机中的软件中止了一个已建立的连接。错误,求大佬解答下

用python写了一段自动化脚本,在循环的时候报ConnectionAbortedError: [WinError 10053] 你的主机中的软件中止了一个已建立的连接。错误,第一次执行没有问题,就是不能循环,求个大神解答下...

自学测试的小白
07/05
0
0
jquery easyui tab加载内容的几种方法

两者特点: href方式加载数据的特点: 被加载的页面只有body元素内部的内容才会被加载,也就是jQuery的ajax请求的只是html片段。 加载远程url时有遮罩效果,也就是“等待中……”效果,用户体...

文文1
2015/03/26
0
0
easyui dialog自定义可拖曳

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

MissGu
2015/04/12
0
0
jQuery EasyUI快速入门实战教程(一)-入门

1、jQuery EasyUI概述 jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,...

神码小风
06/28
0
0
关于EasyUI使用tree方法生成树形结构加载两次的问题

html代码中利用class声明了easyui-tree,导致easyUI解析class代码的时候先解析class声明中的easyui-tree这样组件就请求了一次url;然后又调用js初始化代码请求一次url。这样导致了重复加载,解...

Doublec
2015/04/21
0
0
easyui 框架Layout插件

1:引入的css: <link rel="stylesheet" href="${rc.contextPath}/static/easyui/themes/custom/easyui.css"> <link rel="stylesheet" href="${rc.contextPath}/static/easyui/themes/icon.css......

赵作文
2015/11/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

expect(spawn) 自动化git提交和scp拷贝---centos(linux)

**在进行SCP文件拷贝中,往往需要进行用户密码的输入,即用户交互。若采用自动化脚本的方式进行,则可用以下方式: ** #!/usr/bin/expect #设置参数 set src [lindex $argv 0] set dest [lin...

helplove
2分钟前
0
0
用Build来构建对象的写法

如果一个类的属性过多,用构造器来构建对象很难写,因此我们时用Build方式来构建对象。写法大致如下。 import java.io.Serializable;import java.util.Date;public class Log impleme...

算法之名
5分钟前
0
0
利用 acme.sh 获取网站证书并配置https访问

acme.sh 实现了 acme 协议, 可以从 letsencrypt 生成免费的证书.(https://github.com/Neilpang/acme.sh/wiki/%E8%AF%B4%E6%98%8E) 主要步骤: 安装 acme.sh 生成证书 copy 证书到 nginx/ap...

haoyuehong
18分钟前
2
0
微擎框架内如何根据media_id获取到微信图片的路径

微擎的框架内,图片选择后,获取的是那个字符串是media_id,相当于你这张图片在微信的图片服务器里面的id 要求是:获取https://mmbiz.qpic.cn/mmbiz_jpg/…… 微信图片的路径 而微信并没有根据m...

老bia同学
22分钟前
1
0
Spring boot中日期的json格式化

Model 在model层中,类的日期属性上面添加如下注解: @JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd hh:mm:ss") 参考 Jackson Date格式化教程...

亚林瓜子
24分钟前
2
0
Eclipse:Failed to load the JNI shared library

1.问题背景: 由于我之前使用jdk1.9学习,当使用Luke的时候发现jdk版本过高,需要向下配置jdk,就向朋友拷了一个安装包。重新配置路径后,便开始报错。 2.问题描述: Failed to load the JNI...

tinder_boy
26分钟前
0
0
少儿学习编程课程是否真的适合七八岁的低龄儿童[图]

少儿学习编程课程是否真的适合七八岁的低龄儿童[图]: 天下熙熙皆为利来,天下攘攘皆为利往。 这几年来,乐高教育机构在国内如同雨后春笋般出现,当然关闭/转手的也很多。从教师角度来看,部...

原创小博客
31分钟前
1
0
ES12-词项查询

1.词项查询介绍 全文查询将在执行之前分析查询字符串,但词项级别查询将按照存储在倒排索引中的词项进行精确操作。这些查询通常用于数字,日期和枚举等结构化数据,而不是全文本字段。 或者,...

贾峰uk
39分钟前
2
0
http状态码与ajax的状态值

ajax状态值 1.1 200 & OK:状态请求成功

litCabbage
42分钟前
1
0
iOS动画效果合集、飞吧企鹅游戏、换肤方案、画板、文字效果等源码

iOS精选源码 动画知识运用及常见动画效果收集 3D卡片拖拽卡片叠加卡片 iFIERO - FLYING PENGUIN 飞吧企鹅SpriteKit游戏(源码) Swift封装的空数据提醒界面EmptyView 沙盒文件浏览与分享调试控...

sunnyaigd
46分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部