struts+hibernate+oracle+easyui实现lazyout组件的简单案例——Jsp页面
生活随笔
收集整理的這篇文章主要介紹了
struts+hibernate+oracle+easyui实现lazyout组件的简单案例——Jsp页面
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
由于要導入好多js文件和cs文件，并且每個頁面都需要導入，所以我把公共的導入js和css文件放在了一個jsp里面，在用到的里面直接導入即可，
此項目用到的js文件下載：這里
用到的css文件的下載：這里
公共的導入外部js和css的jsp（commTop.jsp）
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <link rel="stylesheet" type="text/css" href="<%=path %>/easyui/css/demo.css"><link rel="stylesheet" type="text/css" href="<%=path %>/easyui/themes/black/easyui.css"><link rel="stylesheet" type="text/css" href="<%=path %>/easyui/themes/icon.css"><script type="text/javascript" src="<%=path %>/js/jquery-1.8.0.min.js"></script><script type="text/javascript" src="<%=path %>/js/jquery.easyui.min.js"></script><script type="text/javascript" src="<%=path %>/js/easyui-lang-zh_CN.js"></script>
接下來進入首頁index.jsp：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@include file="commTop.jsp"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><base href="<%=basePath%>"><title>首頁</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"><style type="text/css">#top{width:30%;line-height:60px;margin:0px auto;}</style><script type="text/javascript">$(function(){$("#btn1").click(function(){var ename=$("#empName").val();var deptno=$("#deptno").val();$("#dg").datagrid("reload",{"cond.empName":ename,"cond.dept.deptno":deptno});});/* 樹形菜單 */$("#tree").tree({url:'grtallDept.action',animate:true,onClick:function(node){if(node.id!=0){//alert(node.id);//將部門名稱保存到隱藏域中$("#deptno").val(); //當前的id$("#dg").datagrid({url:'getEmp.action',queryParams: {"cond.dept.deptno": node.id},pagination:true,pageSize:2,pageList:[2,4,6,8],columns:[[ {field:'empno',title:'編號',width:100}, {field:'ename',title:'姓名',width:100}, {field:'job',title:'職位',width:100,align:'right'} ]]});};}, onDblClick:function(node){$(this).tree("toggle",node.target);}});});</script></head><body class="easyui-layout"> <div data-options="region:'north',title:'頭部',split:true" style="height:100px;"><div id="top"><h2>員工信息查詢系統</h2></div></div> <div data-options="region:'south',title:'尾部',split:true" style="height:100px;"></div> <div data-options="region:'east',iconCls:'icon-reload',title:'右邊',split:true" style="width:100px;"></div> <div data-options="region:'west',title:'部門信息',split:true" style="width:200px;"><!-- 樹形菜單 --><ul id="tree"></ul> </div> <div data-options="region:'center',title:'員工信息'" style="padding:5px;background:#eee;"><!-- datagrid --><span style="color:black">員工姓名:</span><input type="text" id="empName"/><input type="hidden" id="deptno"/><input type="button" value="查詢" id="btn1"/><table id="dg"></table> </div> </body> </html>
總結
以上是生活随笔為你收集整理的struts+hibernate+oracle+easyui实现lazyout组件的简单案例——Jsp页面的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 实时话费是什么意思 实时话费的意思
- 下一篇： struts+hibernate+ora