This commit is contained in:
季圣华
26
WebRoot/js/easyui-1.3.5/demo/window/basic.html
Normal file
26
WebRoot/js/easyui-1.3.5/demo/window/basic.html
Normal file
@@ -0,0 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Basic Window - jQuery EasyUI Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<link rel="stylesheet" type="text/css" href="../demo.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Basic Window</h2>
|
||||
<div class="demo-info">
|
||||
<div class="demo-tip icon-tip"></div>
|
||||
<div>Window can be dragged freely on screen.</div>
|
||||
</div>
|
||||
<div style="margin:10px 0;">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#w').window('open')">Open</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#w').window('close')">Close</a>
|
||||
</div>
|
||||
<div id="w" class="easyui-window" title="Basic Window" data-options="iconCls:'icon-save'" style="width:500px;height:200px;padding:10px;">
|
||||
The window content.
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
33
WebRoot/js/easyui-1.3.5/demo/window/customtools.html
Normal file
33
WebRoot/js/easyui-1.3.5/demo/window/customtools.html
Normal file
@@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Custom Window Tools - jQuery EasyUI Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<link rel="stylesheet" type="text/css" href="../demo.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Custom Window Tools</h2>
|
||||
<div class="demo-info">
|
||||
<div class="demo-tip icon-tip"></div>
|
||||
<div>Click the right top buttons to perform actions.</div>
|
||||
</div>
|
||||
<div style="margin:10px 0;">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#w').window('open')">Open</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#w').window('close')">Close</a>
|
||||
</div>
|
||||
<div id="w" class="easyui-window" title="Custom Window Tools" data-options="iconCls:'icon-save',minimizable:false,tools:'#tt'" style="width:500px;height:200px;padding:10px;">
|
||||
The window content.
|
||||
</div>
|
||||
<div id="tt">
|
||||
<a href="javascript:void(0)" class="icon-add" onclick="javascript:alert('add')"></a>
|
||||
<a href="javascript:void(0)" class="icon-edit" onclick="javascript:alert('edit')"></a>
|
||||
<a href="javascript:void(0)" class="icon-cut" onclick="javascript:alert('cut')"></a>
|
||||
<a href="javascript:void(0)" class="icon-help" onclick="javascript:alert('help')"></a>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
29
WebRoot/js/easyui-1.3.5/demo/window/inlinewindow.html
Normal file
29
WebRoot/js/easyui-1.3.5/demo/window/inlinewindow.html
Normal file
@@ -0,0 +1,29 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Inline Window - jQuery EasyUI Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<link rel="stylesheet" type="text/css" href="../demo.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Inline Window</h2>
|
||||
<div class="demo-info">
|
||||
<div class="demo-tip icon-tip"></div>
|
||||
<div>The inline window stay inside its parent.</div>
|
||||
</div>
|
||||
<div style="margin:10px 0;">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#w').window('open')">Open</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#w').window('close')">Close</a>
|
||||
</div>
|
||||
<div style="position:relative;width:500px;height:300px;border:1px solid #ccc;overflow:auto;">
|
||||
<div id="w" class="easyui-window" data-options="title:'Inline Window',inline:true" style="width:250px;height:150px;padding:10px">
|
||||
This window stay inside its parent
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
27
WebRoot/js/easyui-1.3.5/demo/window/modalwindow.html
Normal file
27
WebRoot/js/easyui-1.3.5/demo/window/modalwindow.html
Normal file
@@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Modal Window - jQuery EasyUI Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<link rel="stylesheet" type="text/css" href="../demo.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Modal Window</h2>
|
||||
<div class="demo-info">
|
||||
<div class="demo-tip icon-tip"></div>
|
||||
<div>Click the open button below to open the modal window.</div>
|
||||
</div>
|
||||
<div style="margin:10px 0;">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#w').window('open')">Open</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#w').window('close')">Close</a>
|
||||
</div>
|
||||
<div id="w" class="easyui-window" title="Modal Window" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:500px;height:200px;padding:10px;">
|
||||
The window content.
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
36
WebRoot/js/easyui-1.3.5/demo/window/windowlayout.html
Normal file
36
WebRoot/js/easyui-1.3.5/demo/window/windowlayout.html
Normal file
@@ -0,0 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Window Layout - jQuery EasyUI Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<link rel="stylesheet" type="text/css" href="../demo.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Window Layout</h2>
|
||||
<div class="demo-info">
|
||||
<div class="demo-tip icon-tip"></div>
|
||||
<div>Using layout on window.</div>
|
||||
</div>
|
||||
<div style="margin:10px 0;">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#w').window('open')">Open</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#w').window('close')">Close</a>
|
||||
</div>
|
||||
<div id="w" class="easyui-window" title="Window Layout" data-options="iconCls:'icon-save'" style="width:500px;height:200px;padding:5px;">
|
||||
<div class="easyui-layout" data-options="fit:true">
|
||||
<div data-options="region:'east',split:true" style="width:100px"></div>
|
||||
<div data-options="region:'center'" style="padding:10px;">
|
||||
jQuery EasyUI framework help you build your web page easily.
|
||||
</div>
|
||||
<div data-options="region:'south',border:false" style="text-align:right;padding:5px 0 0;">
|
||||
<a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="javascript:alert('ok')">Ok</a>
|
||||
<a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="javascript:alert('cancel')">Cancel</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user