artdialog_ (dialog4) 显示页面样式的用法

Posted 2020-09-01 云醉月未眠

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了artdialog_ (dialog4) 显示页面样式的用法相关的知识，希望对你有一定的参考价值。

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

<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="<%= request.getContextPath() %>/resources/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="<%= request.getContextPath() %>/static/dialog4/artDialog.js?skin=green"></script>
<script type="text/javascript" language="javascript" src="<%= request.getContextPath() %>/static/dialog4/plugins/iframeTools.js"></script>
   <style type="text/css">
       .clear{clear:both;}
       .datatable{width:100%;border-collapse:collapse;}
       .datatable tr{height:35px;}
       .datatable tr td{border:1px solid #ddd;padding:5px 8px;}

       .dialog{display:none;width:400px;height:350px;border:1px solid #aaccff;position:absolute;top:100px;left:380px;background-color:#fff;}
       .dialog .dialog-title{line-height:30px;padding:0px 5px;}
       .dialog .dialog-title h3{float:left;font-size:25px;font-weight:lighter;}
       .dialog .dialog-title a{float:right;}
       .dialog .dialog-content{border-top:1px solid #ddd;padding:3px 5px;}
   </style>
   <script type="text/javascript">
       function refreshData(){
           window.location=window.location;
       }
       function addCategory(){

           art.dialog.open(‘<%=request.getContextPath()%>/category/add.html‘, {
               width: ‘550px‘,
                height: ‘300px‘,
                title:‘新增分类信息‘,
                lock:true,
                opacity: 0.3,
                ok:function(iframeWin, topWin){
                   // iframeWin: 对话框iframe内容的window对象
                    // topWin: 对话框所在位置的window对象
                    iframeWin.add();//5

                   //window.location=window.location;

                    //防止窗口关闭
                    return false;
                },
                cancel: true
           });

       }
   </script>
</head>
<body>

   <h1>分类列表</h1>

   <div>
       <input type="button" value="新增" onclick="addCategory();" />
   </div>

           <table class="datatable">
                   <thead>
                           <tr>
                               <th>分类名称</th>
                               <th>分类描述</th>
                               <th>操作列</th>
                           </tr>
                   </thead>
                   <tbody>
                           <c:forEach items="${list }" var="list">
                               <tr>
                                   <td>${list.cateName }</td>
                                   <td>${list.cateDesc }</td>
                                   <td>
                                       <a href="<%=request.getContextPath() %>/category/delete.${list.cateId}.html">删除</a>
                                       <a href="<%=request.getContextPath() %>/category/update.${list.cateId}.html">修改</a>
                                   </td>

                               </tr>
                           </c:forEach>

                   </tbody>

           </table>


</body>
</html>

以上是关于artdialog_ (dialog4) 显示页面样式的用法的主要内容，如果未能解决你的问题，请参考以下文章