一个从后台直接传输到后台的jquery easyui 的json页面

最新推荐文章于 2017-11-04 13:48:17 发布

xiangyunxue

最新推荐文章于 2017-11-04 13:48:17 发布

阅读量561

点赞数

分类专栏： jsp

本文链接：https://blog.csdn.net/xiangyunxue/article/details/21292217

版权

jsp 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
   String path = request.getContextPath();
   String basePath = request.getScheme() + "://"
           + request.getServerName() + ":" + request.getServerPort()
           + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
   <head>
       <base href="<%=basePath%>">
       <title>My JSP 'MyJsp.jsp' starting page</title>
       <meta http-equiv="pragma" content="no-cache">
       <meta http-equiv="cache-control" content="no-cache">
       <meta http-equiv="expires" content="0">
       <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
       <meta http-equiv="description" content="This is my page">
       <link rel="stylesheet" type="text/css"href="<%=basePath%>css/easyui.css">
       <link rel="stylesheet" type="text/css"href="<%=basePath%>css/icon.css">
       <link rel="stylesheet" href="<%=basePath%>css/main.css" type="text/css"></link>
       <script type="text/javascript" src="<%=basePath%>js/jquery-1.4.2.js"></script>
       <script type="text/javascript" src="<%=basePath%>js/jquery.easyui.min.js"></script>
       <script type="text/javascript">
           jQuery.ajaxSetup({cache:false});
           function datagrids(){
               $('#tt').datagrid({//表格ID
                    title:'用户信息',
                    iconCls:'icon-save',
                    nowrap: false ,//是否只显示一行，即文本过多是否省略部分
                    width:'auto',
                    height: 'auto',
                    pageNumber:1,
                    collapsible:true,
                    rownumbers:true,//显示行号
                    loadMsg:'数据装载中......',
                    pagination:true,   //是si否显示分页工具
                    url:'LogAjax/loginLogByJson',//请求路径
                    method:'post',
                    sortName:'id',
                    sortOrder:'asc',
                    remoteSort: true,
                    singleSelect:false,
                    fitColumns: true,
                    columns:[
                        [
                            {field:'id',title:'日志ID',width:80,align:'center',sortable : true},
                            {field:'username',title:'操作人',width:100,align:'center',sortable : true},
                            {field:'message',title:'信息',width:300,align:'center',sortable : true},
                            {field:'createtime',title:'建立时间',width:200,align:'center',sortable : true},
                            {field:'ipaddress',title:'ip地址',width:100,align:'center',sortable : true},
                            {field:'status',title:'日志状态',width:80,align:'center',sortable : true}
                        ]
                    ]
               });
                       var p = $('#tt').datagrid('getPager');
                        $(p).pagination({
                            pageSize: 10,//每页显示的记录条数，默认为10
                            pageList: [10,20,50],//可以设置每页记录条数的列表
                            beforePageText: '第',//页数文本框前显示的汉字
                            afterPageText: '页    共 {pages} 页',
                            displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录'
                       });
           }


           function createColumnMenu(){
               var tmenu = $('<div id="tmenu" style="width:100px;"></div>').appendTo('body');
               var fields = $('#tt').datagrid('getColumnFields');
               for(var i=0; i<fields.length; i++){
                   $('<div iconCls="icon-ok"/>').html(fields[i]).appendTo(tmenu);
               }
               tmenu.menu({
                   onClick: function(item){
                       if (item.iconCls=='icon-ok'){
                           $('#tt').datagrid('hideColumn', item.text);
                           tmenu.menu('setIcon', {
                               target: item.target,
                               iconCls: 'icon-empty'
                           });
                       } else {
                           $('#tt').datagrid('showColumn', item.text);
                           tmenu.menu('setIcon', {
                               target: item.target,
                               iconCls: 'icon-ok'
                           });
                       }
                   }
               });
           }


           function del(id) {
               $.messager.confirm('系统提示', '您确定要删除此条记录吗?', function(r) {
                    if (r) {
                        $.ajax( {
                           type : "POST",
                           url : "LogAjax/loginLogByJsonDel?log.id=" + id,
                           dataType : "json",
                           success : function(json) {
                               if (json == 1) {
                                   $.messager.alert("提示", "删除成功","info");
                                   datagrids();
                               } else {
                                   $.messager.alert("提示", "删除信息失败，请稍后重试","info");
                                   datagrids();
                               }
                           }
                       });
                    }
                });
           }

           $(function(){
               datagrids();
           })
       </script>
   </head>

   <body style="background-color: white;margin:0;padding:10px;">
           <div id="tt"></div>
   </body>
</html>

xiangyunxue

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一个从后台直接传输到后台的jquery easyui 的json页面

String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";%>
复制链接

扫一扫

专栏目录