`

jqueryeasyui弹窗跳出jsp的方法

阅读更多
很多时候需要弹窗处理一些数据以下是弹窗的js代码

<div id="dlg"  closed="true" class="easyui-window" style="width:886px;height:567px;padding:10px;"></div>


				<div id ="showjsp" title="showjsp" style="height: 20px;width: 200px">
					<input type="button" value="click" onclick="showJsp1()"/>
		</div>
  //点击"查看"需要调用的方法 连接的地址(第二个div)
function showDiagSysj(tnum,id){
	var sybhid=$("#"+id).combobox('getValue');
	 	 $('#zhendunreport').window({
	 	 	title:'试验报告',//动态设表头
	 	 	collapsible:false,
	 	 	minimizable:false,
	 	 	maximizable:false,
	 	 	modal:true,
                        shadow: false,
	 	 	href:'html/testreport/report'+tnum+'.jsp?tnum='+tnum+'&testcode='+sybhid+"&eqtype="+type//链接的地址

	 	 });
	  	$('#zhendunreport').window('open');
}

以下是要弹出的jsp的代码
  <html>
	<head>
		<title>糠醛试验报告<!-- 谷歌不行 --></title>

		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="this is my page">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">

		<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
		<link rel="stylesheet" type="text/css"
			href="../../lib/easyui/themes/gray/easyui.css">
		<link rel="stylesheet" type="text/css"
			href="../../lib/easyui/themes/icon.css">
		<link rel="stylesheet" type="text/css" href="../../css/demo.css">
		<script type="text/javascript" src="../../lib/jquery-1.6.4.min.js"></script>
		<script type="text/javascript" src="../../lib/jquery.easyui.min.js"></script>
		<script type="text/javascript"
			src="../../lib/easyui/locale/easyui-lang-zh_CN.js"></script>

	</head>

	<body>

		<table class="easyui-datagrid" style="width: 951px; height: 550px">
			<thead>
				<tr>
					<th data-options="field:'C1',width:110,align:'center'">
						Product
					</th>
					<th data-options="field:'C2',width:110,align:'center'">
						Unit Cost
					</th>
					<th data-options="field:'C3',width:110,align:'center'">
						C3
					</th>
					<th data-options="field:'C4',width:110,align:'center'">
						List Price
					</th>
					<th data-options="field:'C5',width:110,align:'center'">
						Attribute
					</th>
					<th data-options="field:'C6',width:110,align:'center'">
						Item ID
					</th>
				</tr>
			</thead>
		</table>
		<script type="text/javascript">


    $(function(){
    	  var tnum= '${param.tnum}';
    	  var testcode= '${param.testcode}';
    	  var eqtype= '${param.eqtype}';
    	  testReportTab($('#zhendunreport').find('table'),tnum,testcode,eqtype);
    	  
    })
    	
      function testReportTab(dom,tnum,testcode,eqtype){
  	  	dom.datagrid({
  	  		rownumbers: false,
  	          showHeader:false,
  	          singleSelect: true,
  	          url:'findTestreportData.action?tnum='+tnum+'&testcode='+testcode+'&eqtype='+eqtype,
  	          method: 'post',
  	          fit:true,
  	          fitColumns:true,
  	       	  scrollbarSize:0,
  	          onLoadSuccess: onLoadSuccess
  	  	});
    }
    	
        function onLoadSuccess(data){
            
            var hj=[{
					index: 0,
					colspan:6
                },{
    				index: 10,
    				colspan:6
                }];  
            var hj2=[{
                	index: 1,
    				colspan:2
                },{
                	index: 2,
    				colspan:2
                },{
                   	index: 3,
        			colspan:2
                },{
                    index: 4,
            		colspan:2
                }];
            var hj3=[{
                	index: 1,
    				colspan:2
                },{
                	index: 2,
    				colspan:2
                },{
                   	index: 3,
        			colspan:2
                },{
                    index: 4,
            		colspan:2
                }];
            var hj4=[{
                	index: 5,
    				colspan:2
                },{
                	index: 6,
    				colspan:2
                },{
                   	index: 7,
        			colspan:2
                },{
                    index: 8,
            		colspan:2
                },{
                    index: 9,
            		colspan:2
                }];
            var hj5=[{
                	index: 5,
    				colspan:2
                },{
                	index: 6,
    				colspan:2
                },{
                   	index: 7,
        			colspan:2
                },{
                    index: 8,
            		colspan:2
                },{
                    index: 9,
            		colspan:2
                }];
            var hj6=[{
                	index: 5,
    				colspan:3
                },{
                	index: 6,
    				colspan:3
                },{
                   	index: 7,
        			colspan:3
                },{
                    index: 8,
            		colspan:3
                },{
                    index: 9,
            		colspan:3
                }];
            for ( var j = 0; j < hj.length; j++) {
				$(this).datagrid('mergeCells',{
					index:hj[j].index,
					field:'C1',
					colspan:hj[j].colspan
				});
			}
            for ( var a = 0; a < hj2.length; a++) {
				$(this).datagrid('mergeCells',{
					index:hj2[a].index,
					field:'C2',
					colspan:hj2[a].colspan
				});
			}
            for ( var a = 0; a < hj3.length; a++) {
				$(this).datagrid('mergeCells',{
					index:hj3[a].index,
					field:'C5',
					colspan:hj3[a].colspan
				});
			}
            
            for ( var a = 0; a < hj5.length; a++) {
				$(this).datagrid('mergeCells',{
					index:hj5[a].index,
					field:'C2',
					colspan:hj5[a].colspan
				});
			}
            for ( var a = 0; a < hj6.length; a++) {
				$(this).datagrid('mergeCells',{
					index:hj6[a].index,
					field:'C4',
					colspan:hj6[a].colspan
				});
			}
        }
    </script>
	</body>
</html>


分享到:
评论

相关推荐

    jquery弹窗

    "jquery弹窗"是指利用jQuery实现的一种交互式用户界面功能,即弹出浮动窗口,通常用于显示警告、提示、确认信息或者更复杂的内容如图片画廊、模态对话框等。这种效果常常会伴随着页面背景变暗,以突出弹出窗口的内容...

    jQuery弹出提示层制作弹窗确认提示框代码

    本篇文章将详细讲解如何利用jQuery来制作弹出提示层,创建一个弹窗确认提示框。 首先,理解jQuery的核心概念至关重要。jQuery通过选择器选取DOM元素,然后对这些元素进行操作。例如,`$("#myElement")`会选择ID为...

    datagrid单元格上点击弹出窗口(官网例子)

    它可能包含触发弹窗显示的事件监听器,以及与弹窗交互的方法。 2. **DataGridWithPopUpEditor.as** - 这个文件可能是主datagrid组件的类,其中包含了对自定义编辑器的引用和配置,比如设置哪一列使用这个弹出窗口...

    常见SecureCRT弹窗信息的处理方法.pdf

    下面,我们就来详细介绍一下处理SecureCRT中常见弹窗信息的方法。 首先,我们来看SecureCRT在打开时出现的提示“一个公钥文件未被指定为此会话”。这个提示出现的原因是在SSH2会话选项中配置了公钥认证,但是没有...

    电脑弹窗拦截,广告弹窗清除

    4. 使用方法:安装并运行"广告弹窗拦截.exe"后,它会自动在后台运行,无需用户手动操作。用户可以根据需要设置拦截规则,例如全屏模式下不显示弹窗、拦截特定类型的广告等。 5. 拦截原理:这类工具通常采用白名单和...

    jsp页面跳出保存成功调到查询

    jsp页面跳出保存成功调到查询

    source insight 4 破解版和破解方法 无弹窗

    source insight 4 破解版和破解方法 无弹窗 包括安装包和破解文件、破解方法说明

    TIA博途安装后,电脑每次开机都会弹出通信设置弹窗的解决办法.docx

    "TIA博途安装后,电脑每次开机都会弹出通信设置弹窗的解决办法"这个问题涉及到的是用户在安装了TIA博途软件后遇到的一个常见困扰,即每次启动计算机时,系统会自动弹出一个通信设置窗口,询问用户选择网络适配器。...

    关于3dsMax2021保存跳出另存为弹窗问题解决

    描述中的“3dsMax2021保存跳出另存为弹窗脚本”提供了一种解决此问题的方法,即通过运行脚本来调整3ds Max的设置。 文件“Max2021 RESave.ms”很可能是一个批处理脚本或MaxScript,专门设计来修复这个问题。Max...

    jQuery实现弹出窗口中切换登录与注册表单

    在网页设计中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及动画制作。本主题聚焦于使用jQuery来实现在弹出窗口中轻松切换登录与注册表单的功能,这一功能对于许多网站来说是必不可少的,...

    JSP实用技巧集合,jsp编程的一些小技巧总结

    75. 请求jsp页面禁止缓存方法? 76. select选中其中的值自动到一个文本框? 77. JSP连接数据库? 78. JSP两级下拉列表框联动(数据库)? 79. JSP字符编码问题及转换大全? 80. 使用过滤器设置请求编码? 81. JSP或Servlet...

    JSP程序设计上机实验与综合实训

    这样的上机实验和综合实训对于掌握JSP编程技能至关重要,因为它鼓励学生跳出理论,真正参与到实践中去,从而更好地理解和应用所学。无论是初学者还是有一定经验的开发者,都能从这个资源中获益。

    JQuery跳出each循环的方法

    有些朋友可能会以为在jquery跳出循环可以直接使用continue和break了,但是使用之后没有效果,因为在jquery中没有这两条命令。 后来上网查了下,得到了结果: return false;——跳出所有循环;相当于 javascript 中的...

    Revit二次开发 防止弹窗

    使用Revit二次开发,commandData.Application.OpenAndActivateDocument打开文件时,revit可能会弹出找不到参照等提示框,此资源可避免提示框的弹出

    无忧弹窗广告捆绑软件v1.0绿色免费版

    无忧弹窗广告捆绑软件使用方法 1、将您想捆绑广告的软件(例如:XX.exe)拖入本软件窗口中,本软件自动读取软件路径并显示在“捆绑的软件路径”中; 2、填入您要弹出的网址; 3、点击“捆绑”按钮,跳出保存对话框...

    AngularJS实现页面跳转后自动弹出对话框实例代码

    在实例代码中,为了实现页面加载后自动弹窗,可以在控制器中定义一个`$scope.showAlert`函数,该函数用于显示一个警告对话框。然后通过在`$scope.$watch`中监听`'$viewContentLoaded'`来触发这个函数。如果是在较新...

    Jquery each方法跳出循环,并获取返回值(实例讲解)

    在jQuery库中,`each()`方法是一个非常重要的迭代器,用于遍历JavaScript对象或jQuery选择集中的每个元素。它提供了一种优雅的方式来处理数组或对象集合,尤其在DOM操作和数据处理时。在这个实例讲解中,我们将深入...

    jsp+servlet+jdbc实现增删改查项目

    史上最简单的jsp+servlet+jdbc实现CRUD项目,已经经历了千锤百炼的测试与修改,健壮性一级棒!没有任何问题。...输入正确进入welcome页然后跳到查看学生信息页,输入错误进error.jsp,然后自动跳转回登录页。

    jsp项目答辩文档总结

    本文档总结了JSP项目中的一些技术难点和解决方法,涵盖了图片显示、文件上传、日期处理、数据传递和图片处理等方面的知识点。 1. 图片显示 在JSP项目中,图片显示是一个常见的问题。本文档介绍了如何使用表格显示...

Global site tag (gtag.js) - Google Analytics