Skip to content
GitLab
Commit 91a6b722 authored by 季圣华's avatar 季圣华
Browse files

更新前端

parent 609756e9
Hide whitespace changes
Inline Side-by-side
erp_web/js/easyui-1.3.5/demo/pagination/basic.html 0 → 100644
View file @ 91a6b722
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Basic Pagination - 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 Pagination</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>The user can change page number and page size on page bar.</div>
</div>
<div style="margin:10px 0;"></div>
<div class="easyui-pagination" data-options="total:114" style="border:1px solid #ddd;"></div>
</body>
</html>
\ No newline at end of file
erp_web/js/easyui-1.3.5/demo/pagination/custombuttons.html 0 → 100644
View file @ 91a6b722
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Custom Pagination Buttons - 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 Pagination Buttons</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>The customized buttons can be appended to page bar.</div>
</div>
<div style="margin:10px 0;"></div>
<div class="easyui-pagination" data-options="total:114,buttons:buttons" style="border:1px solid #ddd;"></div>
<script>
var buttons = [{
iconCls:'icon-add',
handler:function(){
alert('add');
}
},{
iconCls:'icon-cut',
handler:function(){
alert('cut');
}
},{
iconCls:'icon-save',
handler:function(){
alert('save');
}
}];
</script>
</body>
</html>
\ No newline at end of file
erp_web/js/easyui-1.3.5/demo/pagination/layout.html 0 → 100644
View file @ 91a6b722
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Pagination 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>Pagination Layout</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>The pagination layout supports various types of pages which you can choose.</div>
</div>
<div style="margin:10px 0;"></div>
<div id="pp" class="easyui-pagination" style="border:1px solid #ddd;" data-options="
total:114,
layout:['first','prev','next','last']
"></div>
<div style="margin-top:10px">
<select onchange="setLayout(this.value)">
<option value="1">Previous Next</option>
<option value="2">Manual Page Input</option>
<option value="3">Numeric Links</option>
<option value="4">Previous Links Next</option>
<option value="5">Go To Page</option>
</select>
</div>
<script>
function setLayout(type){
var p = $('#pp');
switch(parseInt(type)){
case 1:
p.pagination({layout:['first','prev','next','last']});
break;
case 2:
p.pagination({
layout:['list','sep','first','prev','sep','manual','sep','next','last','sep','refresh'],
beforePageText:'Page',
afterPageText:'of {pages}'
});
break;
case 3:
p.pagination({layout:['links']});
break;
case 4:
p.pagination({layout:['first','prev','links','next','last']});
break;
case 5:
p.pagination({
layout:['first','prev','next','last','sep','links','sep','manual'],
beforePageText:'Go Page',
afterPageText:''
});
break;
}
}
</script>
</body>
</html>
\ No newline at end of file
erp_web/js/easyui-1.3.5/demo/pagination/links.html 0 → 100644
View file @ 91a6b722
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Pagination Links - 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>Pagination Links</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>The example shows how to customize numbered pagination links.</div>
</div>
<div style="margin:10px 0;"></div>
<div class="easyui-pagination" style="border:1px solid #ddd;" data-options="
total:114,
layout:['list','sep','first','prev','links','next','last','sep','refresh']
"></div>
</body>
</html>
\ No newline at end of file
erp_web/js/easyui-1.3.5/demo/pagination/simple.html 0 → 100644
View file @ 91a6b722
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Simplify Pagination - 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>Simplify Pagination</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>The sample shows how to simplify pagination.</div>
</div>
<div style="margin:10px 0;"></div>
<div class="easyui-pagination" style="border:1px solid #ddd;" data-options="
total: 114,
showPageList: false,
showRefresh: false,
displayMsg: ''
"></div>
</body>
</html>
\ No newline at end of file
erp_web/js/easyui-1.3.5/demo/panel/_content.html 0 → 100644
View file @ 91a6b722
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>AJAX Content</title>
</head>
<body>
<p style="font-size:14px">Here is the content loaded via AJAX.</p>
<ul>
<li>easyui is a collection of user-interface plugin based on jQuery.</li>
<li>easyui provides essential functionality for building modern, interactive, javascript applications.</li>
<li>using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.</li>
<li>complete framework for HTML5 web page.</li>
<li>easyui save your time and scales while developing your products.</li>
<li>easyui is very easy but powerful.</li>
</ul>
</body>
</html>
\ No newline at end of file
erp_web/js/easyui-1.3.5/demo/panel/basic.html 0 → 100644
View file @ 91a6b722
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Basic Panel - 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 Panel</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>The panel is a container for other components or elements.</div>
</div>
<div style="margin:10px 0;">
<a href="#" class="easyui-linkbutton" onclick="javascript:$('#p').panel('open')">Open</a>
<a href="#" class="easyui-linkbutton" onclick="javascript:$('#p').panel('close')">Close</a>
</div>
<div id="p" class="easyui-panel" title="Basic Panel" style="width:500px;height:200px;padding:10px;">
<p style="font-size:14px">jQuery EasyUI framework helps you build your web pages easily.</p>
<ul>
<li>easyui is a collection of user-interface plugin based on jQuery.</li>
<li>easyui provides essential functionality for building modem, interactive, javascript applications.</li>
<li>using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.</li>
<li>complete framework for HTML5 web page.</li>
<li>easyui save your time and scales while developing your products.</li>
<li>easyui is very easy but powerful.</li>
</ul>
</div>
</body>
</html>
\ No newline at end of file
erp_web/js/easyui-1.3.5/demo/panel/customtools.html 0 → 100644
View file @ 91a6b722
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Custom Panel 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 Panel Tools</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>Click the right top buttons to perform actions with panel.</div>
</div>
<div style="margin:10px 0;"></div>
<div class="easyui-panel" title="Custom Panel Tools" style="width:500px;height:200px;padding:10px;"
data-options="iconCls:'icon-save',closable:true,tools:'#tt'">
<p style="font-size:14px">jQuery EasyUI framework helps you build your web pages easily.</p>
<ul>
<li>easyui is a collection of user-interface plugin based on jQuery.</li>
<li>easyui provides essential functionality for building modem, interactive, javascript applications.</li>
<li>using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.</li>
<li>complete framework for HTML5 web page.</li>
<li>easyui save your time and scales while developing your products.</li>
<li>easyui is very easy but powerful.</li>
</ul>
</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>
\ No newline at end of file
erp_web/js/easyui-1.3.5/demo/panel/loadcontent.html 0 → 100644
View file @ 91a6b722
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Load Panel Content - 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>Load Panel Content</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>Click the refresh button on top right of panel to load content.</div>
</div>
<div style="margin:10px 0;"></div>
<div id="p" class="easyui-panel" title="Load Panel Content" style="width:500px;height:200px;padding:10px;"
data-options="
tools:[{
iconCls:'icon-reload',
handler:function(){
$('#p').panel('refresh', '_content.html');
}
}]
">
</div>
</body>
</html>
\ No newline at end of file
erp_web/js/easyui-1.3.5/demo/panel/nestedpanel.html 0 → 100644
View file @ 91a6b722
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Nested Panel - 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>Nested Panel</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>The panel can be placed inside containers and can contain other components.</div>
</div>
<div style="margin:10px 0;"></div>
<div class="easyui-panel" title="Nested Panel" style="width:500px;height:200px;padding:10px;">
<div class="easyui-layout" data-options="fit:true">
<div data-options="region:'west',split:true" style="width:100px;padding:10px">
Left Content
</div>
<div data-options="region:'center'" style="padding:10px">
Right Content
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
erp_web/js/easyui-1.3.5/demo/panel/paneltools.html 0 → 100644
View file @ 91a6b722
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Panel 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>Panel Tools</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>Click the right top buttons to perform actions with panel.</div>
</div>
<div style="margin:10px 0;">
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$('#p').panel('open')">Open</a>
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$('#p').panel('close')">Close</a>
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$('#p').panel('expand',true)">Expand</a>
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$('#p').panel('collapse',true)">Collapse</a>
</div>
<div style="height:350px;border:1px solid #ccc;">
<div id="p" class="easyui-panel" title="Panel Tools" style="width:500px;height:200px;padding:10px;"
data-options="iconCls:'icon-save',collapsible:true,minimizable:true,maximizable:true,closable:true">
<p style="font-size:14px">jQuery EasyUI framework helps you build your web pages easily.</p>
<ul>
<li>easyui is a collection of user-interface plugin based on jQuery.</li>
<li>easyui provides essential functionality for building modem, interactive, javascript applications.</li>
<li>using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.</li>
<li>complete framework for HTML5 web page.</li>
<li>easyui save your time and scales while developing your products.</li>
<li>easyui is very easy but powerful.</li>
</ul>
</div>
</div>
</body>
</html>
\ No newline at end of file
erp_web/js/easyui-1.3.5/demo/progressbar/basic.html 0 → 100644
View file @ 91a6b722
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Basic ProgressBar - 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 ProgressBar</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>Click the button below to show progress information.</div>
</div>
<div style="margin:10px 0;">
<a href="#" class="easyui-linkbutton" onclick="start()">Start</a>
</div>
<div id="p" class="easyui-progressbar" style="width:400px;"></div>
<script>
function start(){
var value = $('#p').progressbar('getValue');
if (value < 100){
value += Math.floor(Math.random() * 10);
$('#p').progressbar('setValue', value);
setTimeout(arguments.callee, 200);
}
};
</script>
</body>
</html>
\ No newline at end of file
erp_web/js/easyui-1.3.5/demo/propertygrid/basic.html 0 → 100644
View file @ 91a6b722
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Basic PropertyGrid - 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 PropertyGrid</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>Click on row to change each property value.</div>
</div>
<div style="margin:10px 0;">
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="showGroup()">ShowGroup</a>
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="hideGroup()">HideGroup</a>
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="showHeader()">ShowHeader</a>
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="hideHeader()">HideHeader</a>
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="getChanges()">GetChanges</a>
</div>
<table id="pg" class="easyui-propertygrid" style="width:300px" data-options="
url:'propertygrid_data1.json',
method:'get',
showGroup:true,
scrollbarSize:0
">
</table>
<script type="text/javascript">
function showGroup(){
$('#pg').propertygrid({
showGroup:true
});
}
function hideGroup(){
$('#pg').propertygrid({
showGroup:false
});
}
function showHeader(){
$('#pg').propertygrid({
showHeader:true
});
}
function hideHeader(){
$('#pg').propertygrid({
showHeader:false
});
}
function getChanges(){
var s = '';
var rows = $('#pg').propertygrid('getChanges');
for(var i=0; i<rows.length; i++){
s += rows[i].name + ':' + rows[i].value + ',';
}
alert(s)
}
</script>
</body>
</html>
\ No newline at end of file
erp_web/js/easyui-1.3.5/demo/propertygrid/customcolumns.html 0 → 100644
View file @ 91a6b722
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Customize Columns of PropertyGrid - 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>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>
<table class="easyui-propertygrid" style="width:300px" data-options="
url: 'propertygrid_data1.json',
method: 'get',
showGroup: true,
scrollbarSize: 0,
columns: mycolumns
">
</table>
<script>
var mycolumns = [[
{field:'name',title:'MyName',width:100,sortable:true},
{field:'value',title:'MyValue',width:100,resizable:false}
]];
</script>
</body>
</html>
\ No newline at end of file
erp_web/js/easyui-1.3.5/demo/propertygrid/groupformat.html 0 → 100644
View file @ 91a6b722
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Group Format - 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>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>
<table class="easyui-propertygrid" style="width:300px" data-options="
url: 'propertygrid_data1.json',
method: 'get',
showGroup: true,
scrollbarSize: 0,
groupFormatter: groupFormatter
">
</table>
<script>
function groupFormatter(fvalue, rows){
return fvalue + ' - <span style="color:red">' + rows.length + ' rows</span>';
}
</script>
</body>
</html>
\ No newline at end of file
erp_web/js/easyui-1.3.5/demo/propertygrid/propertygrid_data1.json 0 → 100644
View file @ 91a6b722
{"total":7,"rows":[
{"name":"Name","value":"Bill Smith","group":"ID Settings","editor":"text"},
{"name":"Address","value":"","group":"ID Settings","editor":"text"},
{"name":"Age","value":"40","group":"ID Settings","editor":"numberbox"},
{"name":"Birthday","value":"01/02/2012","group":"ID Settings","editor":"datebox"},
{"name":"SSN","value":"123-456-7890","group":"ID Settings","editor":"text"},
{"name":"Email","value":"bill@gmail.com","group":"Marketing Settings","editor":{
"type":"validatebox",
"options":{
"validType":"email"
}
}},
{"name":"FrequentBuyer","value":"false","group":"Marketing Settings","editor":{
"type":"checkbox",
"options":{
"on":true,
"off":false
}
}}
]}
\ No newline at end of file
erp_web/js/easyui-1.3.5/demo/resizable/basic.html 0 → 100644
View file @ 91a6b722
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Basic Resizable - 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 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>
<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>
<div id="dd" class="easyui-draggable easyui-resizable" data-options="handle:'#mytitle'" style="width:200px;height:150px;border:1px solid #ccc">
<div id="mytitle" style="background:#ddd;padding:5px;">Title</div>
<div style="padding:20px">Drag and Resize Me</div>
</div>
</body>
</html>
\ No newline at end of file
erp_web/js/easyui-1.3.5/demo/searchbox/basic.html 0 → 100644
View file @ 91a6b722
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Basic 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>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>
</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);
}
</script>
</body>
</html>
\ No newline at end of file
erp_web/js/easyui-1.3.5/demo/searchbox/category.html 0 → 100644
View file @ 91a6b722
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Search Category - 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>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>
</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 data-options="name:'all',iconCls:'icon-ok'">All News</div>
<div data-options="name:'sports'">Sports News</div>
</div>
<script>
function doSearch(value,name){
alert('You input: ' + value+'('+name+')');
}
</script>
</body>
</html>
\ No newline at end of file
erp_web/js/easyui-1.3.5/demo/slider/basic.html 0 → 100644
View file @ 91a6b722
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Basic 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>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>
</body>
</html>
\ No newline at end of file
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