升级easyUI到1.9.4版本
This commit is contained in:
季圣华
48
erp_web/js/easyui/demo/form/basic.html
Normal file
48
erp_web/js/easyui/demo/form/basic.html
Normal file
@@ -0,0 +1,48 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Basic Form - 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 Form</h2>
|
||||
<p>Fill the form and submit it.</p>
|
||||
<div style="margin:20px 0;"></div>
|
||||
<div class="easyui-panel" title="New Topic" style="width:100%;max-width:400px;padding:30px 60px;">
|
||||
<form id="ff" method="post">
|
||||
<div style="margin-bottom:20px">
|
||||
<input class="easyui-textbox" name="name" style="width:100%" data-options="label:'Name:',required:true">
|
||||
</div>
|
||||
<div style="margin-bottom:20px">
|
||||
<input class="easyui-textbox" name="email" style="width:100%" data-options="label:'Email:',required:true,validType:'email'">
|
||||
</div>
|
||||
<div style="margin-bottom:20px">
|
||||
<input class="easyui-textbox" name="subject" style="width:100%" data-options="label:'Subject:',required:true">
|
||||
</div>
|
||||
<div style="margin-bottom:20px">
|
||||
<input class="easyui-textbox" name="message" style="width:100%;height:60px" data-options="label:'Message:',multiline:true">
|
||||
</div>
|
||||
<div style="margin-bottom:20px">
|
||||
<select class="easyui-combobox" name="language" label="Language" style="width:100%"><option value="ar">Arabic</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="zh-cht">Chinese Traditional</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en" selected="selected">English</option><option value="et">Estonian</option><option value="fi">Finnish</option><option value="fr">French</option><option value="de">German</option><option value="el">Greek</option><option value="ht">Haitian Creole</option><option value="he">Hebrew</option><option value="hi">Hindi</option><option value="mww">Hmong Daw</option><option value="hu">Hungarian</option><option value="id">Indonesian</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="ko">Korean</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="no">Norwegian</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="es">Spanish</option><option value="sv">Swedish</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="vi">Vietnamese</option></select>
|
||||
</div>
|
||||
</form>
|
||||
<div style="text-align:center;padding:5px 0">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()" style="width:80px">Submit</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()" style="width:80px">Clear</a>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
function submitForm(){
|
||||
$('#ff').form('submit');
|
||||
}
|
||||
function clearForm(){
|
||||
$('#ff').form('clear');
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
58
erp_web/js/easyui/demo/form/floatinglabel.html
Normal file
58
erp_web/js/easyui/demo/form/floatinglabel.html
Normal file
@@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Floating Label - jQuery EasyUI Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/material-blue/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>
|
||||
<script type="text/javascript" src="../../source/jquery.validatebox.js"></script>
|
||||
<script type="text/javascript" src="../../source/jquery.textbox.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Floating Label</h2>
|
||||
<p>This example shows how to create inspired text fields with animated floating labels.</p>
|
||||
<div style="margin:20px 0;"></div>
|
||||
<div class="easyui-panel" title="New Topic" style="width:100%;max-width:400px;padding:30px 60px;">
|
||||
<form id="ff" method="post">
|
||||
<div class="form-floating-label form-field" style="margin-bottom:20px">
|
||||
<input class="easyui-textbox" name="name" style="width:100%" data-options="label:'Name:',labelPosition:'top'">
|
||||
</div>
|
||||
<div class="form-floating-label form-field" style="margin-bottom:20px">
|
||||
<input class="easyui-textbox" name="email" style="width:100%" data-options="label:'Email:',labelPosition:'top',validType:'email'">
|
||||
</div>
|
||||
<div class="form-floating-label form-field" style="margin-bottom:20px">
|
||||
<input class="easyui-textbox" name="subject" style="width:100%" data-options="label:'Subject:',labelPosition:'top'">
|
||||
</div>
|
||||
<div class="form-floating-label form-field" style="margin-bottom:20px">
|
||||
<input class="easyui-textbox" name="message" style="width:100%;min-height:100px" data-options="label:'Message:',labelPosition:'top',multiline:true">
|
||||
</div>
|
||||
</form>
|
||||
<div style="text-align:center;padding:5px 0">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()" style="width:80px">Submit</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()" style="width:80px">Clear</a>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
function submitForm(){
|
||||
$('#ff').form('submit');
|
||||
}
|
||||
function clearForm(){
|
||||
$('#ff').form('clear');
|
||||
}
|
||||
function err(target, message){
|
||||
var t = $(target);
|
||||
if (t.hasClass('textbox-text')){
|
||||
t = t.parent();
|
||||
}
|
||||
var m = t.next('.error-message');
|
||||
if (!m.length){
|
||||
m = $('<div class="error-message"></div>').insertAfter(t);
|
||||
}
|
||||
m.html(message);
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
8
erp_web/js/easyui/demo/form/form_data1.json
Normal file
8
erp_web/js/easyui/demo/form/form_data1.json
Normal file
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"name":"easyui",
|
||||
"email":"easyui@gmail.com",
|
||||
"subject":"Subject Title",
|
||||
"message":"Message Content",
|
||||
"language":"de",
|
||||
"accept":"true"
|
||||
}
|
||||
62
erp_web/js/easyui/demo/form/load.html
Normal file
62
erp_web/js/easyui/demo/form/load.html
Normal file
@@ -0,0 +1,62 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Load Form Data - 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 Form Data</h2>
|
||||
<p>Click the buttons below to load form data.</p>
|
||||
<div style="margin:20px 0;">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="loadLocal()">LoadLocal</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="loadRemote()">LoadRemote</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()">Clear</a>
|
||||
</div>
|
||||
<div class="easyui-panel" title="New Topic" style="width:100%;max-width:400px;padding:30px 60px;">
|
||||
<form id="ff" method="post">
|
||||
<div style="margin-bottom:20px">
|
||||
<input class="easyui-textbox" name="name" style="width:100%" data-options="label:'Name:',required:true">
|
||||
</div>
|
||||
<div style="margin-bottom:20px">
|
||||
<input class="easyui-textbox" name="email" style="width:100%" data-options="label:'Email:',required:true,validType:'email'">
|
||||
</div>
|
||||
<div style="margin-bottom:20px">
|
||||
<input class="easyui-textbox" name="subject" style="width:100%" data-options="label:'Subject:',required:true">
|
||||
</div>
|
||||
<div style="margin-bottom:20px">
|
||||
<input class="easyui-textbox" name="message" style="width:100%;height:60px" data-options="label:'Message:',multiline:true">
|
||||
</div>
|
||||
<div style="margin-bottom:20px">
|
||||
<select class="easyui-combobox" name="language" label="Language" style="width:100%"><option value="ar">Arabic</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="zh-cht">Chinese Traditional</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en" selected="selected">English</option><option value="et">Estonian</option><option value="fi">Finnish</option><option value="fr">French</option><option value="de">German</option><option value="el">Greek</option><option value="ht">Haitian Creole</option><option value="he">Hebrew</option><option value="hi">Hindi</option><option value="mww">Hmong Daw</option><option value="hu">Hungarian</option><option value="id">Indonesian</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="ko">Korean</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="no">Norwegian</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="es">Spanish</option><option value="sv">Swedish</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="vi">Vietnamese</option></select>
|
||||
</div>
|
||||
<div style="margin-bottom:20px">
|
||||
<label for="accept" class="textbox-label">Accept:</label>
|
||||
<input id="accept" type="checkbox" name="accept" value="true">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<script>
|
||||
function loadLocal(){
|
||||
$('#ff').form('load',{
|
||||
name:'myname',
|
||||
email:'mymail@gmail.com',
|
||||
subject:'subject',
|
||||
message:'message',
|
||||
language:'en',
|
||||
accept:true
|
||||
});
|
||||
}
|
||||
function loadRemote(){
|
||||
$('#ff').form('load', 'form_data1.json');
|
||||
}
|
||||
function clearForm(){
|
||||
$('#ff').form('clear');
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
52
erp_web/js/easyui/demo/form/validateonsubmit.html
Normal file
52
erp_web/js/easyui/demo/form/validateonsubmit.html
Normal file
@@ -0,0 +1,52 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Validate Form on Submit - 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>Validate Form on Submit</h2>
|
||||
<p>The form does not perform validation before being submitted.</p>
|
||||
<div style="margin:20px 0;"></div>
|
||||
<div class="easyui-panel" title="New Topic" style="width:100%;max-width:400px;padding:30px 60px;">
|
||||
<form id="ff" class="easyui-form" method="post" data-options="novalidate:true">
|
||||
<div style="margin-bottom:20px">
|
||||
<input class="easyui-textbox" name="name" style="width:100%" data-options="label:'Name:',required:true">
|
||||
</div>
|
||||
<div style="margin-bottom:20px">
|
||||
<input class="easyui-textbox" name="email" style="width:100%" data-options="label:'Email:',required:true,validType:'email'">
|
||||
</div>
|
||||
<div style="margin-bottom:20px">
|
||||
<input class="easyui-textbox" name="subject" style="width:100%" data-options="label:'Subject:',required:true">
|
||||
</div>
|
||||
<div style="margin-bottom:20px">
|
||||
<input class="easyui-textbox" name="message" style="width:100%;height:60px" data-options="label:'Message:',multiline:true">
|
||||
</div>
|
||||
<div style="margin-bottom:20px">
|
||||
<select class="easyui-combobox" name="language" label="Language" style="width:100%"><option value="ar">Arabic</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="zh-cht">Chinese Traditional</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en" selected="selected">English</option><option value="et">Estonian</option><option value="fi">Finnish</option><option value="fr">French</option><option value="de">German</option><option value="el">Greek</option><option value="ht">Haitian Creole</option><option value="he">Hebrew</option><option value="hi">Hindi</option><option value="mww">Hmong Daw</option><option value="hu">Hungarian</option><option value="id">Indonesian</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="ko">Korean</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="no">Norwegian</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="es">Spanish</option><option value="sv">Swedish</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="vi">Vietnamese</option></select>
|
||||
</div>
|
||||
</form>
|
||||
<div style="text-align:center;padding:5px 0">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()" style="width:80px">Submit</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()" style="width:80px">Clear</a>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
function submitForm(){
|
||||
$('#ff').form('submit',{
|
||||
onSubmit:function(){
|
||||
return $(this).form('enableValidation').form('validate');
|
||||
}
|
||||
});
|
||||
}
|
||||
function clearForm(){
|
||||
$('#ff').form('clear');
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user