"erp_web/js/easyui-1.3.5/plugins/jquery.progressbar.js" did not exist on "a67629d0f78804c5513884ef28bca9c33d350d92"
Commit ab2872c1 authored by 季圣华's avatar 季圣华
Browse files

升级easyUI到1.9.4版本

parent 0527b980
......@@ -11,11 +11,8 @@
</head>
<body>
<h2>Customize Columns of PropertyGrid</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>The columns of PropertyGrid can be changed.</div>
</div>
<div style="margin:10px 0;"></div>
<p>The columns of PropertyGrid can be changed.</p>
<div style="margin:20px 0;"></div>
<table class="easyui-propertygrid" style="width:300px" data-options="
url: 'propertygrid_data1.json',
method: 'get',
......
......@@ -11,11 +11,8 @@
</head>
<body>
<h2>Group Format</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>The user can change the group information.</div>
</div>
<div style="margin:10px 0;"></div>
<p>The user can change the group information.</p>
<div style="margin:20px 0;"></div>
<table class="easyui-propertygrid" style="width:300px" data-options="
url: 'propertygrid_data1.json',
method: 'get',
......
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Basic RadioButton - 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 RadioButton</h2>
<form id="ff">
<div style="margin-bottom:20px">
<input class="easyui-radiobutton" name="fruit" value="Apple" label="Apple:">
</div>
<div style="margin-bottom:20px">
<input class="easyui-radiobutton" name="fruit" value="Orange" label="Orange:">
</div>
<div style="margin-bottom:20px">
<input class="easyui-radiobutton" name="fruit" value="Banana" label="Banana:">
</div>
</form>
</body>
</html>
\ No newline at end of file
......@@ -11,11 +11,8 @@
</head>
<body>
<h2>Basic Resizable</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>Click on the edge of box and move the edge to resize the box.</div>
</div>
<div style="margin:10px 0;"></div>
<p>Click on the edge of box and move the edge to resize the box.</p>
<div style="margin:20px 0;"></div>
<div class="easyui-resizable" data-options="minWidth:50,minHeight:50" style="width:200px;height:150px;border:1px solid #ccc;">
<div style="padding:20px">Resize Me</div>
</div>
......
......@@ -11,12 +11,11 @@
</head>
<body>
<h2>Basic SearchBox</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>Click search button or press enter key in input box to do searching.</div>
<p>Click search button or press enter key in input box to do searching.</p>
<div style="margin:20px 0;"></div>
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
<input class="easyui-searchbox" data-options="prompt:'Please Input Value',searcher:doSearch" style="width:100%">
</div>
<div style="margin:10px 0;"></div>
<input class="easyui-searchbox" data-options="prompt:'Please Input Value',searcher:doSearch" style="width:300px"></input>
<script>
function doSearch(value){
alert('You input: ' + value);
......
......@@ -11,13 +11,12 @@
</head>
<body>
<h2>Search Category</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>Select a category and click search button or press enter key in input box to do searching.</div>
<p>Select a category and click search button or press enter key in input box to do searching.</p>
<div style="margin:20px 0;"></div>
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
<input class="easyui-searchbox" data-options="prompt:'Please Input Value',menu:'#mm',searcher:doSearch" style="width:100%">
</div>
<div style="margin:10px 0;"></div>
<input class="easyui-searchbox" data-options="prompt:'Please Input Value',menu:'#mm',searcher:doSearch" style="width:300px"></input>
<div id="mm" style="width:120px">
<div id="mm">
<div data-options="name:'all',iconCls:'icon-ok'">All News</div>
<div data-options="name:'sports'">Sports News</div>
</div>
......
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Fluid SearchBox - 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>Fluid SearchBox</h2>
<p>This example shows how to set the width of SearchBox to a percentage of its parent container.</p>
<div style="margin:20px 0;"></div>
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
<div style="margin-bottom:20px">
<input class="easyui-searchbox" data-options="label:'width: 100%',labelPosition:'top',prompt:'Please Input Value',menu:'#mm'" style="width:100%">
</div>
<div style="margin-bottom:20px">
<input class="easyui-searchbox" data-options="label:'width: 80%',labelPosition:'top',prompt:'Please Input Value'" style="width:80%">
</div>
</div>
<div id="mm">
<div data-options="name:'all',iconCls:'icon-ok'">All News</div>
<div data-options="name:'sports'">Sports News</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Basic SideMenu - 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 SideMenu</h2>
<p>Collapse the side menu to display the main icon.</p>
<div style="margin:20px 0;">
<a href="javascript:;" class="easyui-linkbutton" onclick="toggle()">Toggle</a>
</div>
<div id="sm" class="easyui-sidemenu" data-options="data:data"></div>
<script type="text/javascript">
var data = [{
text: 'Item1',
iconCls: 'icon-sum',
state: 'open',
children: [{
text: 'Option1'
},{
text: 'Option2'
},{
text: 'Option3',
children: [{
text: 'Option31'
},{
text: 'Option32'
}]
}]
},{
text: 'Item2',
iconCls: 'icon-more',
children: [{
text: 'Option4'
},{
text: 'Option5'
},{
text: 'Option6'
}]
}];
function toggle(){
var opts = $('#sm').sidemenu('options');
$('#sm').sidemenu(opts.collapsed ? 'expand' : 'collapse');
opts = $('#sm').sidemenu('options');
$('#sm').sidemenu('resize', {
width: opts.collapsed ? 60 : 200
})
}
</script>
</body>
</html>
\ No newline at end of file
@import 'http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css';
.sidemenu .accordion .panel-title{
color: #b8c7ce;
}
.sidemenu .accordion .accordion-header{
background: #222d32;
color: #b8c7ce;
}
.sidemenu .accordion .accordion-body{
background: #2c3b41;
color: #8aa4af;
}
.sidemenu .accordion .accordion-header-selected{
background: #1e282c;
}
.sidemenu .accordion .accordion-collapse{
background: transparent;
}
.sidemenu .tree-node-hover{
background: #2c3b41;
color: #fff;
}
.sidemenu .tree-node-selected{
background: #2c3b41;
color: #fff;
}
.sidemenu .accordion-header .panel-icon{
font-size: 16px;
}
.sidemenu .accordion-header .panel-tool{
display: none;
}
.sidemenu .accordion-header::after,
.sidemenu .tree-node-nonleaf::after{
display: inline-block;
vertical-align: top;
border-style: solid;
transform:rotate(45deg);
width: 4px;
height: 4px;
content: '';
position: absolute;
right: 10px;
top: 50%;
margin-top: -3px;
border-width: 0 1px 1px 0;
}
.sidemenu .accordion-header-selected::after{
transform:rotate(-135deg);
}
.sidemenu .tree-node-nonleaf::after{
transform:rotate(-135deg);
}
.sidemenu .tree-node-nonleaf-collapsed::after{
transform:rotate(45deg);
}
.sidemenu-collapsed .accordion-header::after{
display: none;
}
.sidemenu-tooltip .accordion{
border-color: #1e282c;
}
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>SideMenu Style - 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>SideMenu Style</h2>
<p>Collapse the side menu to display the main icon.</p>
<div style="margin:20px 0;">
<a href="javascript:;" class="easyui-linkbutton" onclick="toggle()">Toggle</a>
</div>
<div id="sm" class="easyui-sidemenu" data-options="data:data"></div>
<link rel="stylesheet" type="text/css" href="sidemenu_style.css">
<script type="text/javascript">
var data = [{
text: 'Forms',
iconCls: 'fa fa-wpforms',
state: 'open',
children: [{
text: 'Form Element'
},{
text: 'Wizard'
},{
text: 'File Upload'
}]
},{
text: 'Mail',
iconCls: 'fa fa-at',
selected: true,
children: [{
text: 'Inbox'
},{
text: 'Sent'
},{
text: 'Trash',
children: [{
text: 'Item1'
},{
text: 'Item2'
}]
}]
},{
text: 'Layout',
iconCls: 'fa fa-table',
children: [{
text: 'Panel'
},{
text: 'Accordion'
},{
text: 'Tabs'
}]
}];
function toggle(){
var opts = $('#sm').sidemenu('options');
$('#sm').sidemenu(opts.collapsed ? 'expand' : 'collapse');
opts = $('#sm').sidemenu('options');
$('#sm').sidemenu('resize', {
width: opts.collapsed ? 60 : 200
})
}
</script>
</body>
</html>
\ No newline at end of file
......@@ -11,13 +11,8 @@
</head>
<body>
<h2>Basic Slider</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>Drag the slider to change value.</div>
</div>
<div style="margin:10px 0;"></div>
<div style="margin-top:20px;">
<input class="easyui-slider" style="width:300px" data-options="showTip:true">
</div>
<p>Drag the slider to change value.</p>
<div style="margin:20px 0 50px 0;"></div>
<input class="easyui-slider" style="width:300px" data-options="showTip:true">
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Fluid Slider - 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>Fluid Slider</h2>
<p>This example shows how to set the width of Slider to a percentage of its parent container.</p>
<div style="margin:20px 0 50px 0;"></div>
<p>width: 50%</p>
<input class="easyui-slider" value="50" data-options="showTip:true" style="width:50%;">
<p>width: 30%</p>
<input class="easyui-slider" value="50" data-options="showTip:true" style="width:30%;">
</body>
</html>
\ No newline at end of file
......@@ -11,22 +11,17 @@
</head>
<body>
<h2>Format Tip Information</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>This sample shows how to format tip information.</div>
</div>
<div style="margin:10px 0;"></div>
<div style="margin-top:20px;">
<input class="easyui-slider" value="12" style="width:300px" data-options="
showTip: true,
rule: [0,'|',25,'|',50,'|',75,'|',100],
tipFormatter: function(value){
return value+'px';
},
onChange: function(value){
$('#ff').css('font-size', value);
}">
</div>
<p>This sample shows how to format tip information.</p>
<div style="margin:20px 0 50px 0;"></div>
<input class="easyui-slider" value="12" style="width:300px" data-options="
showTip: true,
rule: [0,'|',25,'|',50,'|',75,'|',100],
tipFormatter: function(value){
return value+'px';
},
onChange: function(value){
$('#ff').css('font-size', value);
}">
<div id="ff" style="margin-top:50px;font-size:12px">jQuery EasyUI</div>
</body>
......
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Non Linear Slider - 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>Non Linear Slider</h2>
<p>This example shows how to create a slider with a non-linear scale.</p>
<div style="margin:20px 0 50px 0;"></div>
<div style="padding:2px">
<input class="easyui-slider" style="width:400px" data-options="
showTip:true,
rule: [0,'PI/4','PI/2'],
min:0,
max:300,
tipFormatter:function(value){
return (value/300.0).toFixed(4);
},
converter:{
toPosition:function(value,size){
var opts = $(this).slider('options');
return Math.asin(value/opts.max)/(Math.PI)*2*size;
},
toValue:function(pos,size){
var opts = $(this).slider('options');
return Math.sin(pos/size*Math.PI/2)*opts.max;
}
},
onChange:function(v){
var opts = $(this).slider('options');
var pos = opts.converter.toPosition.call(this, v, opts.width);
var p = $('<div class=point></div>').appendTo('#cc');
p.css('top', v);
p.css(opts.reversed?'right':'left', pos);
}
">
</div>
<div style="margin-bottom:30px"></div>
<div id="cc" class="easyui-panel" style="position:relative;width:404px;height:304px;">
</div>
<style scoped="scoped">
.point{
position:absolute;
width:2px;
height:2px;
font-size:0;
background:red;
}
</style>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Range Slider - 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>Range Slider</h2>
<p>This sample shows how to define a range slider.</p>
<div style="margin:20px 0 50px 0;"></div>
<input class="easyui-slider" style="width:300px" data-options="
showTip: true,
range: true,
value: [20,60],
rule: [0,'|',25,'|',50,'|',75,'|',100]
">
</body>
</html>
\ No newline at end of file
......@@ -11,16 +11,11 @@
</head>
<body>
<h2>Slider Rule</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>This sample shows how to define slider rule.</div>
</div>
<div style="margin:10px 0;"></div>
<div style="margin-top:20px;">
<input class="easyui-slider" style="width:300px" data-options="
showTip:true,
rule: [0,'|',25,'|',50,'|',75,'|',100]
">
</div>
<p>This sample shows how to define slider rule.</p>
<div style="margin:20px 0 50px 0;"></div>
<input class="easyui-slider" style="width:300px" data-options="
showTip:true,
rule: [0,'|',25,'|',50,'|',75,'|',100]
">
</body>
</html>
\ No newline at end of file
......@@ -11,17 +11,15 @@
</head>
<body>
<h2>Vertical Slider</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>This sample shows how to create a vertical slider.</div>
</div>
<div style="margin:10px 0;"></div>
<p>This sample shows how to create a vertical slider.</p>
<div style="margin:20px 0 50px 0;"></div>
<div style="margin:0 50px">
<input class="easyui-slider" style="height:300px" data-options="
showTip: true,
mode: 'v',
reversed: false,
rule: [0,'|',25,'|',50,'|',75,'|',100]
">
</div>
</body>
</html>
\ No newline at end of file
......@@ -11,15 +11,12 @@
</head>
<body>
<h2>SplitButton Actions</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>Click the buttons below to perform actions.</div>
</div>
<div style="margin:10px 0;">
<p>Click the buttons below to perform actions.</p>
<div style="margin:20px 0;">
<a href="#" class="easyui-linkbutton" onclick="$('#btn-edit').splitbutton('disable')">Disable Edit</a>
<a href="#" class="easyui-linkbutton" onclick="$('#btn-edit').splitbutton('enable')">Enable Edit</a>
</div>
<div style="padding:5px;border:1px solid #ddd;">
<div class="easyui-panel" style="padding:5px;">
<a href="#" class="easyui-linkbutton" data-options="plain:true">Home</a>
<a id="btn-edit" href="#" class="easyui-splitbutton" data-options="menu:'#mm1',iconCls:'icon-edit'">Edit</a>
<a href="#" class="easyui-splitbutton" data-options="menu:'#mm2',iconCls:'icon-ok'">Ok</a>
......@@ -35,7 +32,7 @@
<div class="menu-sep"></div>
<div>
<span>Toolbar</span>
<div style="width:150px;">
<div>
<div>Address</div>
<div>Link</div>
<div>Navigation Toolbar</div>
......
......@@ -11,12 +11,9 @@
</head>
<body>
<h2>Basic SplitButton</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>Move mouse over the arrow area of button to drop down menu.</div>
</div>
<div style="margin:10px 0;"></div>
<div style="padding:5px;border:1px solid #ddd;">
<p>Move mouse over the arrow area of button to drop down menu.</p>
<div style="margin:20px 0;"></div>
<div class="easyui-panel" style="padding:5px;">
<a href="#" class="easyui-linkbutton" data-options="plain:true">Home</a>
<a href="#" class="easyui-splitbutton" data-options="menu:'#mm1',iconCls:'icon-edit'">Edit</a>
<a href="#" class="easyui-splitbutton" data-options="menu:'#mm2',iconCls:'icon-ok'">Ok</a>
......@@ -32,7 +29,7 @@
<div class="menu-sep"></div>
<div>
<span>Toolbar</span>
<div style="width:150px;">
<div>
<div>Address</div>
<div>Link</div>
<div>Navigation Toolbar</div>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment