jsp iframe example

1. jsp中用iframe的方式在body中展示列表，可以通过父元素的宽、高来设定iframe的宽高。

<div class="wrapper" style="height:100%">

      <iframe src="${pageContext.request.contextPath }/finished_workorder.action" scrolling="no"   name="mainFrame" frameborder="0" marginheight="0" marginwidth="0" height="100%" width="100%"></iframe>

   </div>

2. (struts2)action处理完，返回一个jsp视图页面。

struts.xml 　　

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE struts PUBLIC

    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"

    "http://struts.apache.org/dtds/struts-2.0.dtd">

<struts>

    <constant name="struts.devMode" value="true" />

    <package name="default" namespace="" extends="struts-default">

            <default-action-ref name="default" />

         <action name="default" class="com.cdv.apolloagent.action.HomeAction" method="execute">

            <result name="success">/WEB-INF/jsp/index.jsp</result>

        </action>

        <action name="finished_workorder" class="com.cdv.apolloagent.action.WorkOrderAction" method="finished_workorder">

             <param name="pageNo">${pageNo}</param>

            <result name="success">/WEB-INF/jsp/finished_workorder.jsp</result>

        </action>

    </package>

</struts>

WorkOrderAction.java

public String finished_workorder(){//@RequestParam(required=false) Integer pageNo

        HttpServletRequest request = ServletActionContext.getRequest();

        String pNo = request.getParameter("pageNo");

        Integer pageNo = 1;

        if(pNo!=null)

            pageNo = Integer.parseInt(pNo);

        PageParameter page = new PageParameter();

        if(pageNo!=null && pageNo>1){

            page.setPageNo(pageNo);

        }

        List<Workorderlog> finishedWorkorderlogList = workorderlogService.selectFinishedWorkorderListPage(page);

        int totalCount = workorderlogService.countFinishedWorkorder();

        page.setTotalCount(totalCount);

        page.setTotalPage(totalCount%page.getPageSize()==0 ? totalCount/page.getPageSize() : totalCount/page.getPageSize()+1);

        request.setAttribute("finishedWorkorderlogList", finishedWorkorderlogList);

        request.setAttribute("page", page);

        return "success";

    }

finished_workorder.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"

    pageEncoding="utf-8"%>

<%

    String path = request.getContextPath();

    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()

            + path + "/";

%>

<%@taglib prefix="s" uri="/struts-tags" %>

<!DOCTYPE html>

<!--[if lt IE 7]> <html class="ie ie6 lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->

<!--[if IE 7]>    <html class="ie ie7 lt-ie9 lt-ie8"        lang="en"> <![endif]-->

<!--[if IE 8]>    <html class="ie ie8 lt-ie9"               lang="en"> <![endif]-->

<!--[if IE 9]>    <html class="ie ie9"                      lang="en"> <![endif]-->

<!--[if !IE]><!-->

<html lang="en" class="no-ie">

<!--<![endif]-->

<head>

<!-- Meta-->

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">

<meta name="description" content="">

<meta name="keywords" content="">

<meta name="author" content="">

<title>已完成工单</title>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

<!--[if lt IE 9]><script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script><script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script><![endif]-->

<!-- Bootstrap CSS-->

<link rel="stylesheet" href="<%=path %>/app/css/bootstrap.css">

<!-- Vendor CSS-->

<link rel="stylesheet" href="<%=path %>/vendor/fontawesome/css/font-awesome.min.css">

<link rel="stylesheet" href="<%=path %>/vendor/animo/animate+animo.css">

<!--    <link rel="stylesheet" href="<%=path %>/vendor/csspinner/csspinner.min.css"> -->

<link rel="stylesheet" href="<%=path %>/vendor/datetimepicker/css/bootstrap-datetimepicker.min.css">

<!-- START Page Custom CSS-->

<!-- Data Table styles-->

<link rel="stylesheet" href="<%=path %>/vendor/datatable/extensions/datatable-bootstrap/css/dataTables.bootstrap.css">

<link rel="stylesheet" href="<%=path %>/vendor/datatable/extensions/ColVis/css/dataTables.colVis.css">

<!-- END Page Custom CSS-->

<!-- App CSS-->

<link rel="stylesheet" href="<%=path %>/app/css/app.css">

<link rel="stylesheet" href="<%=path %>/app/css/beadmin-theme-c2.css">

<link rel="stylesheet" href="<%=path %>/static/ztree/zTreeStyle.css" type="text/css">

<link rel="stylesheet" href="<%=path %>/vendor/my/jqpagination.css"/>

<link rel="stylesheet" href="<%=path %>/vendor/my/demo.css"/>

<!-- Modernizr JS Script-->

<script src="<%=path %>/vendor/modernizr/modernizr.js" type="application/javascript"></script>

<!-- FastClick for mobiles-->

<script src="<%=path %>/vendor/fastclick/fastclick.js" type="application/javascript"></script>

</head>

<body>

<!-- START Main wrapper-->

<div class="wrapper">

  <!-- End aside--> 

  <!-- START Main section-->

  <section>

    <!-- START Page content-->

    <div class="content-wrapper">

      <h3>工单列表

<!--       <div style="float:right; margin-top:5px;" class="form-group">

                  <button type="button"  onclick="$('#myModal').modal({backdrop: 'static', keyboard: false});;" class="btn btn-labeled btn-info"> <span class="btn-label"><i class="fa fa-plus"></i> </span>导入EPG</button>

                </div> -->

              <small>已完成工单表</small>

      </h3>

      <!-- START panel--> 

      <!-- START DATATABLE 3-->

      <div class="row">

        <div class="col-lg-12">

          <div class="panel panel-default">

            <div class="panel-heading" style="border-bottom:1px solid #eee;">

             <!--  <form class="form-inline">

                <div class="form-group"> <b>时间: &nbsp;</b>

                  <div class="datetimepicker input-group date mb-lg" data-pick-time="false">

                    <input type="text" class="form-control">

                    <span class="input-group-addon"> <span class="fa-calendar fa"></span> </span> </div>

                  <span style="margin-top:-8px;">—</span>

                  <div class="datetimepicker input-group date mb-lg" data-pick-time="false">

                    <input type="text" class="form-control">

                    <span class="input-group-addon"> <span class="fa-calendar fa"></span> </span> </div>

                </div>

                <div class="form-group">

                                <b>名称:&nbsp;</b>

                                <input type="text" class="form-control mb-lg">

                            </div>

                <div class="form-group">

                                <b>频道:&nbsp;</b>

                                 <select class="form-control mb-lg" name="account">

                                         <option>全部</option>

                                         <option>CCTV</option>

                                         <option>CCTV经济</option>

                                         <option>CCTV体育</option>

                                      </select>

                            </div>

                <div class="form-group">

                                <b>节目源:&nbsp;</b>

                                 <select class="form-control mb-lg" name="account">

                                         <option>全部</option>

                                         <option>CCTV</option>

                                         <option>CCTV经济</option>

                                         <option>CCTV体育</option>

                                      </select>

                            </div>

                <div class="form-group"> <a style="margin:-10px 0 0 5px; float:left;" href="#" class="mb-sm btn btn-primary" type="button">搜索</a> </div>

              </form> -->

            </div>

            <div class="table-responsive">

              <table class="table table-bordered table-hover dataTable no-footer" id="table-ext-1" >

                <thead>

                  <tr>

                    <th>工单ID</th>

                    <th class="sorting" tabindex="0" aria-controls="datatable1" rowspan="1" colspan="1" style="width: 286px;" aria-label="Rendering engine: activate to sort column ascending">Correlate ID</th>

                    <th class="sorting" tabindex="0" aria-controls="datatable1" rowspan="1" colspan="1" style="width: 86px;" aria-label="Rendering engine: activate to sort column ascending">创建时间</th>

                    <th class="sorting" tabindex="0" aria-controls="datatable1" rowspan="1" colspan="1" style="width: 86px;" aria-label="Rendering engine: activate to sort column ascending">发布时间</th>

                    <th class="sorting" tabindex="0" aria-controls="datatable1" rowspan="1" colspan="1" style="width: 86px;" aria-label="Rendering engine: activate to sort column ascending">错误信息</th>

                    <th class="sorting" tabindex="0" aria-controls="datatable1" rowspan="1" colspan="1" style="width: 86px;" aria-label="Rendering engine: activate to sort column ascending">结果文件URL</th>

                    <th class="sorting" tabindex="0" aria-controls="datatable1" rowspan="1" colspan="1" style="width: 86px;" aria-label="Rendering engine: activate to sort column ascending">错误码</th>

                    <th>回调状态</th>

                    <th class="th200">工单文档</th>

               <%--      <th class="check-all th80"> <div class="checkbox c-checkbox" data-title="Check All" data-toggle="tooltip" data-original-title="" title="">

                        <label>

                          <input type="checkbox">

                          <span class="fa fa-check"></span> </label>

                      </div>

                    </th> --%>

                  </tr>

                </thead>

                <tbody>

                <s:iterator value="#attr.finishedWorkorderlogList" id="finishedWorkorderlog">

                  <tr class="gradeX">

                    <td><s:property value="workorderid"/></td>

                    <td><s:property value="correlateid"/></td>

                    <td><s:property value="createtime"/></td>

                    <td><s:property value="publictime"/></td>

                    <td><s:property value="errorinfo"/></td>

                    <td><s:property value="resultFileURL"/></td>

                    <td><s:property value="errorcode"/></td>

                    <td><s:property value="feedbackflag"/></td>

                    <td class="detail" workorderid='<s:property value="workorderid"/>' ><a style="margin:-10px 0 0 5px; float:left;" href="#" class="mb-sm btn btn-primary" type="button">查看detail</a></td>

                <%--     <td><div class="checkbox c-checkbox">

                        <label>

                          <input type="checkbox">

                          <span class="fa fa-check"></span> </label>

                      </div></td> --%>

                  </tr>

              </s:iterator>  

                </tbody>

                <tfoot>

                  <tr> </tr>

                </tfoot>

              </table>

            </div>

            <div class="panel-footer">

                 <div class="row">

                  <div id="my_pagination" class="gigantic pagination">

                      <a href="#" class="first" data-action="first">&laquo;</a>

                      <a href="#" class="previous" data-action="previous">&lsaquo;</a>

                      <input type="text" readonly="readonly" data-max-page="40" />

                      <a href="#" class="next" data-action="next">&rsaquo;</a>

                      <a href="#" class="last" data-action="last">&raquo;</a>

                    </div>

              </div>

            </div>

          </div>

        </div>

      </div>

      <!-- END DATATABLE 3--> 

    </div>

    <!-- END Page content-->

  </section>

  <!-- END Main section-->

</div>

<!-- END Main wrapper-->

<div id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" class="modal" style="top:100px">

  <div class="modal-dialog" style="width:600px;">

    <div class="modal-content">

      <div class="modal-header">

        <button type="button" data-dismiss="modal" aria-hidden="true" class="close">×</button>

        <h4 id="myModalLabel" class="modal-title">工单文档内容</h4>

      </div>

      <div class="modal-body" id="workorder_detail">

      </div>

      <div class="modal-footer">

        <button id="myModal3_close" type="button" data-dismiss="modal" class="btn btn-default">关闭</button>

        <button id="myModal3_sure" type="button" class="btn btn-primary">确定</button>

      </div>

    </div>

  </div>

</div>

    <form method="post" id="pageForm" name="pageForm"

        action="<%=path%>/finished_workorder.action">

        <input input="hidden" id="pageNo" name="pageNo" value="${page.pageNo }" />

    </form>

<!-- END modal--> 

<!-- START Scripts-->

<!-- Main vendor Scripts-->

<script src="<%=path %>/vendor/jquery/jquery.min.js"></script>

<script src="<%=path %>/vendor/bootstrap/js/bootstrap.min.js"></script>

<!-- Plugins-->

<script src="<%=path %>/vendor/chosen/chosen.jquery.min.js"></script>

<script src="<%=path %>/vendor/slider/js/bootstrap-slider.js"></script>

<script src="<%=path %>/vendor/filestyle/bootstrap-filestyle.min.js"></script>

<!-- Animo-->

<script src="<%=path %>/vendor/animo/animo.min.js"></script>

<!-- Sparklines-->

<script src="<%=path %>/vendor/sparklines/jquery.sparkline.min.js"></script> 

<!-- MomentJs and Datepicker-->

<script src="<%=path %>/vendor/moment/min/moment-with-langs.min.js"></script>

<script src="<%=path %>/vendor/datetimepicker/js/bootstrap-datetimepicker.min.js"></script> 

<!-- Slimscroll-->

<script src="<%=path %>/vendor/slimscroll/jquery.slimscroll.min.js"></script>

<!-- Store + JSON-->

<script src="<%=path %>/vendor/store/store+json2.min.js"></script>

<!-- ScreenFull-->

<script src="<%=path %>/vendor/screenfull/screenfull.min.js"></script>

<!-- START Page Custom Script-->

<!-- Data Table Scripts-->

<script src="<%=path %>/vendor/datatable/media/js/jquery.dataTables.min.js"></script>

<script src="<%=path %>/vendor/datatable/extensions/datatable-bootstrap/js/dataTables.bootstrap.js"></script>

<script src="<%=path %>/vendor/datatable/extensions/datatable-bootstrap/js/dataTables.bootstrapPagination.js"></script>

<script src="<%=path %>/vendor/datatable/extensions/ColVis/js/dataTables.colVis.min.js"></script>

<!-- START Page Custom Script-->

<script src="<%=path %>/vendor/wizard/js/bwizard.min.js"></script>

<!-- Form Validation-->

<script src="<%=path %>/vendor/parsley/parsley.min.js"></script>

<!-- END Page Custom Script-->

<!-- App Main-->

<script src="<%=path %>/app/js/app.js"></script>

<script src="<%=path %>/vendor/my/jquery.jqpagination.min.js"></script>

<script>

    var path = '<%=path %>';

    var pageNo = ${page.pageNo};

    var totalPage = ${page.totalPage};

    $('.pagination').jqPagination({

      link_string : path+'/finished_workorder.action?pageNo={page_number}',

      current_page: pageNo, //设置当前页 默认为1

      max_page : totalPage, //设置最大页 默认为1

      page_string : '当前第{current_page}页,共{max_page}页',

      paged : function(page) {

          console.log(page);

          $("#pageNo").val(page);

          $("#pageForm").submit();

      }

    });

    $('.detail').each(function(){

        var $detail = $(this);

        var a = $detail.children("a")[0];

        var workorderid = $detail.attr("workorderid");

        $(a).click(function(){

            $.ajax({

                url : "",

                type : "POST",

                data : {

                    "workorderid" : workorderid

                },

                success : function(wkdetail){

                    $("#workorder_detail").text(wkdetail);

                    $("#myModal3").modal('show');

                }

            });

        });

        $("#myModal3_close").click(function(){

            $("#myModal3").modal('hide');

            $("#workorder_detail").html('');

        });

        $("#myModal3_sure").click(function(){

            $("#myModal3").modal('hide');

            $("#workorder_detail").html('');

        });

    });

</script>

<!--

    $('.detail').each(function(){

        var $detail = $(this);

        var wk_string = $detail.attr("wkdetail");

        var sub_string = wk_string.substring(0,30);

        var a = $detail.children("a")[0];

        $(a).text(sub_string);

        $(a).click(function(){

            $("#workorder_detail").text(wk_string);

            $("#myModal3").modal('show');

        });

        $("#myModal3_close").click(function(){

            $("#myModal3").modal('hide');

            $("#workorder_detail").html('');

        });

    })

 -->

<!-- END Scripts-->

</body>

</html>

jsp iframe example的更多相关文章

使用iframe标签结合springMvc做文件上传
1.iframe.jsp <body> <h1>测试iframe文件上传</h1> <!-- 1.要求表单的target属性名称与iframe的name名字一 ...
iframe和form表单的target应用简单例子
iframe和form表单的target属性 Problem: 刷新主页面中的其中一个iframe,其他内容不变 Solution: main.jsp <body onload=" ...
jsp查询页面和结果页面在同一页面显示和交互
用frameset实现查询页面和结果页面在同一页面用target实现交互显示在同一页面上请参照以下方法解决: main.jsp: <html> <head> <met ...
iframe高度自适应实现方案
iframe高度动态自适应,一直是个头疼的问题,今天我们从事件监听这个角度,来实现iframe高度实时更新. 方案一:监听iframe体的点击事件 <iframe src="casca ...
使用target打开的iframe 获取src的问题
<a target="mainframe"href="xxx.jsp"/> <iframe id="mainframe" ...
同一页面的两个Iframe，其中一个iframe获取另一个iframe内的iframe中的元素值
公共父页面(主页面): <%@ page language="java" import="java.util.*" pageEncoding=" ...
同一页面的不同Iframe获取数据
公共父页面(主页面): <%@ page language="java" import="java.util.*" pageEncoding=" ...
iframe是怎么跳转的
在main.jsp中 <iframe frameborder="0" marginheight="0" marginwidth="0" ...
HTML页面中直接加载其他JSP页面
1.在经典的框架中填充页面时要填充2处的页面,2处为内容页面,是另外的一个JSP页面 2.左侧页面代码 <%@ page language="java" import=&q ...

随机推荐

dell新服务器安装系统
公司新采购的dell 630服务器,但是第一次安装操作系统的时候比较麻烦,每次都要重新琢磨下. 现在记录一下,以供下次参考 1.插入服务器自带光盘,设置CD启动,选择部署OS 2.配置raid,然后插 ...
cordova 学习笔记
0.sdk安装 http://spring.io/guides/gs/android/ 1.安装(node.js 需要安装https://nodejs.org/) on OS X and Linux: ...
wireshark解密本地https流量笔记
此方式支持firefox,chrome 建立path变量 SSLKEYLOGFILE=c:\ssl.key 重启firefox chrome,访问https网站会自动生成ssl session key ...
php 基础知识
一.判断代码输出 $str1 = null; $str2 = false; echo $str1==$str2 ? '相等' : '不相等'; $str3 = ''; $str4 = 0; echo ...
QQ微信的备份
一.问题的提出 windows phone上的微信,累积了太多的微信消息,突然提示“数据库占用空间过大,请及时清理” 二.问题的分析在朋友发起的群聊中,大量的图片.视频,打开后是下载到本机上的,下载 ...
一个基于POP3协议进行邮箱账号验证的类
最近老陈要针对企业邮箱做一些开发,以对接企业OA神马的,但企业邮箱唯独没有开放账号密码验证功能,很恼火!不得已,翻出早些年的Asp代码改编成了C#类,实现了一个C#下的通过POP3协议进行邮箱账号验证 ...
(转)linux内核虚拟文件系统浅析
转自http://hi.baidu.com/_kouu/item/4e9db87580328244ef1e53d0 ###### 虚拟文件系统(VFS)在我看来, "虚拟"二字主要 ...
正确理解静态Static关键字
与其他语言不通,C#没有全局变量和全局函数的感念,C#的所有字段和方法都出现在一个类的上下文中,在C#中与全局字段或函数等价的就是静态字段或方法.“全局字段或方法”与“C#的静态字段或方法”没有功能上 ...
UVa11292
Problem C: The Dragon of Loowater Once upon a time, in the Kingdom of Loowater, a minor nuisance tur ...
hibernate的多对多例子讲解（加图片）
在hibernate中也有多对多的关系.但是这样关系执行的效率不高,所以我们可以通过两个多对1或者两个1对多来实现. 在现实生活中多对多的关系也比较常见.比如说老师和学生.一个老师有多个学生,一个学生 ...

jsp iframe example

jsp iframe example的更多相关文章

随机推荐

热门专题