This commit is contained in:
季圣华
28
WebRoot/js/easyui-1.3.5/demo/linkbutton/basic.html
Normal file
28
WebRoot/js/easyui-1.3.5/demo/linkbutton/basic.html
Normal file
@@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Basic LinkButton - 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 LinkButton</h2>
|
||||
<div class="demo-info">
|
||||
<div class="demo-tip icon-tip"></div>
|
||||
<div>Buttons can be created from <a/> link.</div>
|
||||
</div>
|
||||
<div style="margin:10px 0;"></div>
|
||||
<div style="padding:5px;">
|
||||
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">Add</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">Remove</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save'">Save</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cut',disabled:true">Cut</a>
|
||||
<a href="#" class="easyui-linkbutton">Text Button</a>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
36
WebRoot/js/easyui-1.3.5/demo/linkbutton/group.html
Normal file
36
WebRoot/js/easyui-1.3.5/demo/linkbutton/group.html
Normal file
@@ -0,0 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Button Group - 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>Button Group</h2>
|
||||
<div class="demo-info">
|
||||
<div class="demo-tip icon-tip"></div>
|
||||
<div>In a button group only one button can be selected.</div>
|
||||
</div>
|
||||
<div style="margin:10px 0;"></div>
|
||||
<div style="padding:5px;border:1px solid #ddd;">
|
||||
<a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1'">Button 1</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1'">Button 2</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1'">Button 3</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1'">Button 4</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1'">Button 5</a>
|
||||
</div>
|
||||
<div style="margin:10px 0;"></div>
|
||||
<div style="padding:5px;border:1px solid #ddd;">
|
||||
<a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true">Button 1</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true">Button 2</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true">Button 3</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true">Button 4</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true">Button 5</a>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
33
WebRoot/js/easyui-1.3.5/demo/linkbutton/iconalign.html
Normal file
33
WebRoot/js/easyui-1.3.5/demo/linkbutton/iconalign.html
Normal file
@@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Icon Align on LinkButton - 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>Icon Align on LinkButton</h2>
|
||||
<div class="demo-info">
|
||||
<div class="demo-tip icon-tip"></div>
|
||||
<div>Change the icon align to place icon on left or right of button.</div>
|
||||
</div>
|
||||
<div style="margin:10px 0;"></div>
|
||||
<div id="button-bar">
|
||||
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">Add</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">Remove</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save'">Save</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cut',disabled:true">Cut</a>
|
||||
</div>
|
||||
<div style="margin:10px 0">
|
||||
<span>Select Icon Align: </span>
|
||||
<select onchange="$('#button-bar a').linkbutton({iconAlign:this.value})">
|
||||
<option value="left">Left</option>
|
||||
<option value="right">Right</option>
|
||||
</select>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
31
WebRoot/js/easyui-1.3.5/demo/linkbutton/plain.html
Normal file
31
WebRoot/js/easyui-1.3.5/demo/linkbutton/plain.html
Normal file
@@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Plain LinkButton - 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>Plain LinkButton</h2>
|
||||
<div class="demo-info">
|
||||
<div class="demo-tip icon-tip"></div>
|
||||
<div>The link buttons have plain effect.</div>
|
||||
</div>
|
||||
<div style="margin:10px 0;"></div>
|
||||
<div style="padding:5px;border:1px solid #ddd;">
|
||||
<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-cancel'">Cancel</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-reload'">Refresh</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-search'">Search</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="plain:true">Text Button</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-print'">Print</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-help'"> </a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-save'"></a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-back'"></a>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
28
WebRoot/js/easyui-1.3.5/demo/linkbutton/toggle.html
Normal file
28
WebRoot/js/easyui-1.3.5/demo/linkbutton/toggle.html
Normal file
@@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Toggle Button - 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>Toggle Button</h2>
|
||||
<div class="demo-info">
|
||||
<div class="demo-tip icon-tip"></div>
|
||||
<div>Click the button below to switch its selected state.</div>
|
||||
</div>
|
||||
<div style="margin:10px 0;"></div>
|
||||
<div style="padding:5px;">
|
||||
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',toggle:true">Add</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove',toggle:true">Remove</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save',toggle:true">Save</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cut',toggle:true,disabled:true">Cut</a>
|
||||
<a href="#" class="easyui-linkbutton" data-options="toggle:true">Text Button</a>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user