升级easyUI到1.9.4版本
This commit is contained in:
季圣华
88
erp_web/js/easyui/demo/combobox/actions.html
Normal file
88
erp_web/js/easyui/demo/combobox/actions.html
Normal file
@@ -0,0 +1,88 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>ComboBox Actions - 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>ComboBox</h2>
|
||||
<p>Click the buttons below to perform actions.</p>
|
||||
|
||||
<div style="margin:20px 0;">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="setvalue()">SetValue</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="alert($('#state').combobox('getValue'))">GetValue</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#state').combobox('disable')">Disable</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#state').combobox('enable')">Enable</a>
|
||||
</div>
|
||||
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
|
||||
<div style="margin-bottom:20px">
|
||||
<select id="state" class="easyui-combobox" name="state" label="State:" labelPosition="top" style="width:100%;">
|
||||
<option value="AL">Alabama</option>
|
||||
<option value="AK">Alaska</option>
|
||||
<option value="AZ">Arizona</option>
|
||||
<option value="AR">Arkansas</option>
|
||||
<option value="CA">California</option>
|
||||
<option value="CO">Colorado</option>
|
||||
<option value="CT">Connecticut</option>
|
||||
<option value="DE">Delaware</option>
|
||||
<option value="FL">Florida</option>
|
||||
<option value="GA">Georgia</option>
|
||||
<option value="HI">Hawaii</option>
|
||||
<option value="ID">Idaho</option>
|
||||
<option value="IL">Illinois</option>
|
||||
<option value="IN">Indiana</option>
|
||||
<option value="IA">Iowa</option>
|
||||
<option value="KS">Kansas</option>
|
||||
<option value="KY">Kentucky</option>
|
||||
<option value="LA">Louisiana</option>
|
||||
<option value="ME">Maine</option>
|
||||
<option value="MD">Maryland</option>
|
||||
<option value="MA">Massachusetts</option>
|
||||
<option value="MI">Michigan</option>
|
||||
<option value="MN">Minnesota</option>
|
||||
<option value="MS">Mississippi</option>
|
||||
<option value="MO">Missouri</option>
|
||||
<option value="MT">Montana</option>
|
||||
<option value="NE">Nebraska</option>
|
||||
<option value="NV">Nevada</option>
|
||||
<option value="NH">New Hampshire</option>
|
||||
<option value="NJ">New Jersey</option>
|
||||
<option value="NM">New Mexico</option>
|
||||
<option value="NY">New York</option>
|
||||
<option value="NC">North Carolina</option>
|
||||
<option value="ND">North Dakota</option>
|
||||
<option value="OH" selected>Ohio</option>
|
||||
<option value="OK">Oklahoma</option>
|
||||
<option value="OR">Oregon</option>
|
||||
<option value="PA">Pennsylvania</option>
|
||||
<option value="RI">Rhode Island</option>
|
||||
<option value="SC">South Carolina</option>
|
||||
<option value="SD">South Dakota</option>
|
||||
<option value="TN">Tennessee</option>
|
||||
<option value="TX">Texas</option>
|
||||
<option value="UT">Utah</option>
|
||||
<option value="VT">Vermont</option>
|
||||
<option value="VA">Virginia</option>
|
||||
<option value="WA">Washington</option>
|
||||
<option value="WV">West Virginia</option>
|
||||
<option value="WI">Wisconsin</option>
|
||||
<option value="WY">Wyoming</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
function setvalue(){
|
||||
$.messager.prompt('SetValue','Please input the value(CO,NV,UT,etc):',function(v){
|
||||
if (v){
|
||||
$('#state').combobox('setValue',v);
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
73
erp_web/js/easyui/demo/combobox/basic.html
Normal file
73
erp_web/js/easyui/demo/combobox/basic.html
Normal file
@@ -0,0 +1,73 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Basic ComboBox - 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 ComboBox</h2>
|
||||
<p>Type in ComboBox to try auto complete.</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">
|
||||
<select class="easyui-combobox" name="state" label="State:" labelPosition="top" style="width:100%;">
|
||||
<option value="AL">Alabama</option>
|
||||
<option value="AK">Alaska</option>
|
||||
<option value="AZ">Arizona</option>
|
||||
<option value="AR">Arkansas</option>
|
||||
<option value="CA">California</option>
|
||||
<option value="CO">Colorado</option>
|
||||
<option value="CT">Connecticut</option>
|
||||
<option value="DE">Delaware</option>
|
||||
<option value="FL">Florida</option>
|
||||
<option value="GA">Georgia</option>
|
||||
<option value="HI">Hawaii</option>
|
||||
<option value="ID">Idaho</option>
|
||||
<option value="IL">Illinois</option>
|
||||
<option value="IN">Indiana</option>
|
||||
<option value="IA">Iowa</option>
|
||||
<option value="KS">Kansas</option>
|
||||
<option value="KY">Kentucky</option>
|
||||
<option value="LA">Louisiana</option>
|
||||
<option value="ME">Maine</option>
|
||||
<option value="MD">Maryland</option>
|
||||
<option value="MA">Massachusetts</option>
|
||||
<option value="MI">Michigan</option>
|
||||
<option value="MN">Minnesota</option>
|
||||
<option value="MS">Mississippi</option>
|
||||
<option value="MO">Missouri</option>
|
||||
<option value="MT">Montana</option>
|
||||
<option value="NE">Nebraska</option>
|
||||
<option value="NV">Nevada</option>
|
||||
<option value="NH">New Hampshire</option>
|
||||
<option value="NJ">New Jersey</option>
|
||||
<option value="NM">New Mexico</option>
|
||||
<option value="NY">New York</option>
|
||||
<option value="NC">North Carolina</option>
|
||||
<option value="ND">North Dakota</option>
|
||||
<option value="OH" selected>Ohio</option>
|
||||
<option value="OK">Oklahoma</option>
|
||||
<option value="OR">Oregon</option>
|
||||
<option value="PA">Pennsylvania</option>
|
||||
<option value="RI">Rhode Island</option>
|
||||
<option value="SC">South Carolina</option>
|
||||
<option value="SD">South Dakota</option>
|
||||
<option value="TN">Tennessee</option>
|
||||
<option value="TX">Texas</option>
|
||||
<option value="UT">Utah</option>
|
||||
<option value="VT">Vermont</option>
|
||||
<option value="VA">Virginia</option>
|
||||
<option value="WA">Washington</option>
|
||||
<option value="WV">West Virginia</option>
|
||||
<option value="WI">Wisconsin</option>
|
||||
<option value="WY">Wyoming</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
22
erp_web/js/easyui/demo/combobox/combobox_data1.json
Normal file
22
erp_web/js/easyui/demo/combobox/combobox_data1.json
Normal file
@@ -0,0 +1,22 @@
|
||||
[{
|
||||
"id":1,
|
||||
"text":"Java",
|
||||
"desc":"Write once, run anywhere"
|
||||
},{
|
||||
"id":2,
|
||||
"text":"C#",
|
||||
"desc":"One of the programming languages designed for the Common Language Infrastructure"
|
||||
},{
|
||||
"id":3,
|
||||
"text":"Ruby",
|
||||
"selected":true,
|
||||
"desc":"A dynamic, reflective, general-purpose object-oriented programming language"
|
||||
},{
|
||||
"id":4,
|
||||
"text":"Perl",
|
||||
"desc":"A high-level, general-purpose, interpreted, dynamic programming language"
|
||||
},{
|
||||
"id":5,
|
||||
"text":"Basic",
|
||||
"desc":"A family of general-purpose, high-level programming languages"
|
||||
}]
|
||||
47
erp_web/js/easyui/demo/combobox/combobox_data2.json
Normal file
47
erp_web/js/easyui/demo/combobox/combobox_data2.json
Normal file
@@ -0,0 +1,47 @@
|
||||
[{
|
||||
"value":"f20",
|
||||
"text":"Firefox 2.0 or higher",
|
||||
"group":"Firefox"
|
||||
},{
|
||||
"value":"f15",
|
||||
"text":"Firefox 1.5.x",
|
||||
"group":"Firefox"
|
||||
},{
|
||||
"value":"f10",
|
||||
"text":"Firefox 1.0.x",
|
||||
"group":"Firefox"
|
||||
},{
|
||||
"value":"ie7",
|
||||
"text":"Microsoft Internet Explorer 7.0 or higher",
|
||||
"group":"Microsoft Internet Explorer"
|
||||
},{
|
||||
"value":"ie6",
|
||||
"text":"Microsoft Internet Explorer 6.x",
|
||||
"group":"Microsoft Internet Explorer"
|
||||
},{
|
||||
"value":"ie5",
|
||||
"text":"Microsoft Internet Explorer 5.x",
|
||||
"group":"Microsoft Internet Explorer"
|
||||
},{
|
||||
"value":"ie4",
|
||||
"text":"Microsoft Internet Explorer 4.x",
|
||||
"group":"Microsoft Internet Explorer"
|
||||
},{
|
||||
"value":"op9",
|
||||
"text":"Opera 9.0 or higher",
|
||||
"group":"Opera"
|
||||
},{
|
||||
"value":"op8",
|
||||
"text":"Opera 8.x",
|
||||
"group":"Opera"
|
||||
},{
|
||||
"value":"op7",
|
||||
"text":"Opera 7.x",
|
||||
"group":"Opera"
|
||||
},{
|
||||
"value":"Safari",
|
||||
"text":"Safari"
|
||||
},{
|
||||
"value":"Other",
|
||||
"text":"Other"
|
||||
}]
|
||||
39
erp_web/js/easyui/demo/combobox/customformat.html
Normal file
39
erp_web/js/easyui/demo/combobox/customformat.html
Normal file
@@ -0,0 +1,39 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Custom Format in ComboBox - 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 Format in ComboBox</h2>
|
||||
<p>This sample shows how to custom the format of list item.</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-combobox" name="language" style="width:100%;" data-options="
|
||||
url: 'combobox_data1.json',
|
||||
method: 'get',
|
||||
valueField: 'id',
|
||||
textField: 'text',
|
||||
panelWidth: 350,
|
||||
panelHeight: 'auto',
|
||||
formatter: formatItem,
|
||||
label: 'Language:',
|
||||
labelPosition: 'top'
|
||||
">
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
function formatItem(row){
|
||||
var s = '<span style="font-weight:bold">' + row.text + '</span><br/>' +
|
||||
'<span style="color:#888">' + row.desc + '</span>';
|
||||
return s;
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
31
erp_web/js/easyui/demo/combobox/dynamicdata.html
Normal file
31
erp_web/js/easyui/demo/combobox/dynamicdata.html
Normal file
@@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Load Dynamic ComboBox 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 Dynamic ComboBox Data</h2>
|
||||
<p>Click the button below to load data.</p>
|
||||
|
||||
<div style="margin:20px 0;">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#language').combobox('reload', 'combobox_data1.json')">LoadData</a>
|
||||
</div>
|
||||
|
||||
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
|
||||
<div style="margin-bottom:20px">
|
||||
<input id="language" class="easyui-combobox" name="language" style="width:100%;" data-options="
|
||||
valueField: 'id',
|
||||
textField: 'text',
|
||||
label: 'Language:',
|
||||
labelPosition: 'top'
|
||||
">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
43
erp_web/js/easyui/demo/combobox/fluid.html
Normal file
43
erp_web/js/easyui/demo/combobox/fluid.html
Normal file
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Fluid ComboBox - 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 ComboBox</h2>
|
||||
<p>This example shows how to set the width of combobox 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-combobox" name="language" style="width:100%;"
|
||||
data-options="
|
||||
url: 'combobox_data2.json',
|
||||
method: 'get',
|
||||
valueField:'value',
|
||||
textField:'text',
|
||||
groupField:'group',
|
||||
label: 'width: 100%',
|
||||
labelPosition: 'top'
|
||||
">
|
||||
</div>
|
||||
<div style="margin-bottom:20px">
|
||||
<input class="easyui-combobox" name="language" style="width:50%;"
|
||||
data-options="
|
||||
url: 'combobox_data2.json',
|
||||
method: 'get',
|
||||
valueField:'value',
|
||||
textField:'text',
|
||||
groupField:'group',
|
||||
label: 'width: 50%',
|
||||
labelPosition: 'top'
|
||||
">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
33
erp_web/js/easyui/demo/combobox/group.html
Normal file
33
erp_web/js/easyui/demo/combobox/group.html
Normal file
@@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Group ComboBox - 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 ComboBox</h2>
|
||||
<p>This example shows how to display combobox items in groups.</p>
|
||||
<div style="margin:20px 0">
|
||||
<input type="checkbox" onchange="$('#cc').combobox({groupPosition:$(this).is(':checked')?'sticky':'static'})">
|
||||
<span>Sticky Group</span>
|
||||
</div>
|
||||
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
|
||||
<div style="margin-bottom:20px">
|
||||
<input id="cc" class="easyui-combobox" name="browser" style="width:100%;" data-options="
|
||||
url: 'combobox_data2.json',
|
||||
method: 'get',
|
||||
valueField:'value',
|
||||
textField:'text',
|
||||
groupField:'group',
|
||||
label: 'Browser:',
|
||||
labelPosition: 'top'
|
||||
">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
36
erp_web/js/easyui/demo/combobox/icons.html
Normal file
36
erp_web/js/easyui/demo/combobox/icons.html
Normal file
@@ -0,0 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>ComboBox with Extra Icons- 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>ComboBox with Extra Icons</h2>
|
||||
<p>The user can attach extra icons to the ComboBox.</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-combobox" name="language" style="width:100%;" data-options="
|
||||
url:'combobox_data1.json',
|
||||
method:'get',
|
||||
valueField:'id',
|
||||
textField:'text',
|
||||
panelHeight:'auto',
|
||||
iconWidth:22,
|
||||
icons:[{
|
||||
iconCls:'icon-add'
|
||||
},{
|
||||
iconCls:'icon-cut'
|
||||
}],
|
||||
label: 'Language:',
|
||||
labelPosition: 'top'
|
||||
">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
35
erp_web/js/easyui/demo/combobox/itemicon.html
Normal file
35
erp_web/js/easyui/demo/combobox/itemicon.html
Normal file
@@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Show Item Icon in ComboBox - 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>Show Item Icon in ComboBox</h2>
|
||||
<p>This example shows how to display item icon in ComboBox.</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-combobox" style="width:100%;" data-options="
|
||||
showItemIcon: true,
|
||||
data: [
|
||||
{value:'add',text:'Add',iconCls:'icon-add'},
|
||||
{value:'del',text:'Delete',iconCls:'icon-remove'},
|
||||
{value:'save',text:'Save',iconCls:'icon-save',selected:true},
|
||||
{value:'cancel',text:'Cancel',iconCls:'icon-cancel'},
|
||||
{value:'undo',text:'Undo',iconCls:'icon-undo'},
|
||||
{value:'redo',text:'Redo',iconCls:'icon-redo'}
|
||||
],
|
||||
editable: false,
|
||||
panelHeight: 'auto',
|
||||
label: 'Perform Action:',
|
||||
labelPosition: 'top'
|
||||
">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
75
erp_web/js/easyui/demo/combobox/multiline.html
Normal file
75
erp_web/js/easyui/demo/combobox/multiline.html
Normal file
@@ -0,0 +1,75 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Multiline ComboBox - 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>Multiline ComboBox</h2>
|
||||
<p>This example shows how to create a multiline ComboBox.</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">
|
||||
<select class="easyui-combobox" name="state" multiple="true" multiline="true" label="Select States:" labelPosition="top" style="width:100%;height:100px;">
|
||||
<option value="AL">Alabama</option>
|
||||
<option value="AK">Alaska</option>
|
||||
<option value="AZ">Arizona</option>
|
||||
<option value="AR">Arkansas</option>
|
||||
<option value="CA">California</option>
|
||||
<option value="CO">Colorado</option>
|
||||
<option value="CT" selected>Connecticut</option>
|
||||
<option value="DE">Delaware</option>
|
||||
<option value="FL">Florida</option>
|
||||
<option value="GA">Georgia</option>
|
||||
<option value="HI">Hawaii</option>
|
||||
<option value="ID">Idaho</option>
|
||||
<option value="IL">Illinois</option>
|
||||
<option value="IN">Indiana</option>
|
||||
<option value="IA">Iowa</option>
|
||||
<option value="KS">Kansas</option>
|
||||
<option value="KY">Kentucky</option>
|
||||
<option value="LA" selected>Louisiana</option>
|
||||
<option value="ME">Maine</option>
|
||||
<option value="MD">Maryland</option>
|
||||
<option value="MA" selected>Massachusetts</option>
|
||||
<option value="MI">Michigan</option>
|
||||
<option value="MN">Minnesota</option>
|
||||
<option value="MS">Mississippi</option>
|
||||
<option value="MO">Missouri</option>
|
||||
<option value="MT">Montana</option>
|
||||
<option value="NE">Nebraska</option>
|
||||
<option value="NV">Nevada</option>
|
||||
<option value="NH">New Hampshire</option>
|
||||
<option value="NJ">New Jersey</option>
|
||||
<option value="NM">New Mexico</option>
|
||||
<option value="NY">New York</option>
|
||||
<option value="NC">North Carolina</option>
|
||||
<option value="ND">North Dakota</option>
|
||||
<option value="OH" selected>Ohio</option>
|
||||
<option value="OK">Oklahoma</option>
|
||||
<option value="OR" selected>Oregon</option>
|
||||
<option value="PA">Pennsylvania</option>
|
||||
<option value="RI">Rhode Island</option>
|
||||
<option value="SC">South Carolina</option>
|
||||
<option value="SD">South Dakota</option>
|
||||
<option value="TN">Tennessee</option>
|
||||
<option value="TX">Texas</option>
|
||||
<option value="UT">Utah</option>
|
||||
<option value="VT">Vermont</option>
|
||||
<option value="VA">Virginia</option>
|
||||
<option value="WA">Washington</option>
|
||||
<option value="WV">West Virginia</option>
|
||||
<option value="WI">Wisconsin</option>
|
||||
<option value="WY">Wyoming</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
32
erp_web/js/easyui/demo/combobox/multiple.html
Normal file
32
erp_web/js/easyui/demo/combobox/multiple.html
Normal file
@@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Multiple Select - 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 Dynamic ComboBox Data</h2>
|
||||
<p>Drop down the panel and select multiple items.</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-combobox" name="language[]" style="width:100%;" data-options="
|
||||
url:'combobox_data1.json',
|
||||
method:'get',
|
||||
valueField:'id',
|
||||
textField:'text',
|
||||
value:[1,3],
|
||||
multiple:true,
|
||||
panelHeight:'auto',
|
||||
label: 'Language:',
|
||||
labelPosition: 'top'
|
||||
">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
77
erp_web/js/easyui/demo/combobox/navigation.html
Normal file
77
erp_web/js/easyui/demo/combobox/navigation.html
Normal file
@@ -0,0 +1,77 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Navigate ComboBox - 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>Navigate ComboBox</h2>
|
||||
<p>Navigate through combobox items width keyboard to select an item.</p>
|
||||
<div style="margin:20px 0;">
|
||||
<input type="checkbox" checked onchange="$('#cc').combobox({selectOnNavigation:$(this).is(':checked')})">
|
||||
<span>SelectOnNavigation</span>
|
||||
</div>
|
||||
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
|
||||
<div style="margin-bottom:20px">
|
||||
<select id="cc" class="easyui-combobox" name="state" label="State:" labelPosition="top" style="width:100%;">
|
||||
<option value="AL">Alabama</option>
|
||||
<option value="AK">Alaska</option>
|
||||
<option value="AZ">Arizona</option>
|
||||
<option value="AR">Arkansas</option>
|
||||
<option value="CA">California</option>
|
||||
<option value="CO">Colorado</option>
|
||||
<option value="CT">Connecticut</option>
|
||||
<option value="DE">Delaware</option>
|
||||
<option value="FL">Florida</option>
|
||||
<option value="GA">Georgia</option>
|
||||
<option value="HI">Hawaii</option>
|
||||
<option value="ID">Idaho</option>
|
||||
<option value="IL">Illinois</option>
|
||||
<option value="IN">Indiana</option>
|
||||
<option value="IA">Iowa</option>
|
||||
<option value="KS">Kansas</option>
|
||||
<option value="KY">Kentucky</option>
|
||||
<option value="LA">Louisiana</option>
|
||||
<option value="ME">Maine</option>
|
||||
<option value="MD">Maryland</option>
|
||||
<option value="MA">Massachusetts</option>
|
||||
<option value="MI">Michigan</option>
|
||||
<option value="MN">Minnesota</option>
|
||||
<option value="MS">Mississippi</option>
|
||||
<option value="MO">Missouri</option>
|
||||
<option value="MT">Montana</option>
|
||||
<option value="NE">Nebraska</option>
|
||||
<option value="NV">Nevada</option>
|
||||
<option value="NH">New Hampshire</option>
|
||||
<option value="NJ">New Jersey</option>
|
||||
<option value="NM">New Mexico</option>
|
||||
<option value="NY">New York</option>
|
||||
<option value="NC">North Carolina</option>
|
||||
<option value="ND">North Dakota</option>
|
||||
<option value="OK">Oklahoma</option>
|
||||
<option value="OR">Oregon</option>
|
||||
<option value="PA">Pennsylvania</option>
|
||||
<option value="RI">Rhode Island</option>
|
||||
<option value="SC">South Carolina</option>
|
||||
<option value="SD">South Dakota</option>
|
||||
<option value="TN">Tennessee</option>
|
||||
<option value="TX">Texas</option>
|
||||
<option value="UT">Utah</option>
|
||||
<option value="VT">Vermont</option>
|
||||
<option value="VA">Virginia</option>
|
||||
<option value="WA">Washington</option>
|
||||
<option value="WV">West Virginia</option>
|
||||
<option value="WI">Wisconsin</option>
|
||||
<option value="WY">Wyoming</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
30
erp_web/js/easyui/demo/combobox/remotedata.html
Normal file
30
erp_web/js/easyui/demo/combobox/remotedata.html
Normal file
@@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Binding to Remote 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>Binding to Remote Data</h2>
|
||||
<p>The ComboBox is bound to a remote data.</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-combobox" name="language" style="width:100%;" data-options="
|
||||
url:'combobox_data1.json',
|
||||
method:'get',
|
||||
valueField:'id',
|
||||
textField:'text',
|
||||
panelHeight:'auto',
|
||||
label: 'Language:',
|
||||
labelPosition: 'top'
|
||||
">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
54
erp_web/js/easyui/demo/combobox/remotejsonp.html
Normal file
54
erp_web/js/easyui/demo/combobox/remotejsonp.html
Normal file
@@ -0,0 +1,54 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Remote JSONP - 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>Remote JSONP</h2>
|
||||
<p>This sample shows how to use JSONP to retrieve data from a remote site.</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-combobox" style="width:100%;" data-options="
|
||||
loader: myloader,
|
||||
mode: 'remote',
|
||||
valueField: 'id',
|
||||
textField: 'name',
|
||||
label: 'State:',
|
||||
labelPosition: 'top'
|
||||
">
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
var myloader = function(param,success,error){
|
||||
var q = param.q || '';
|
||||
if (q.length <= 2){return false}
|
||||
$.ajax({
|
||||
url: 'https://gd.geobytes.com/AutoCompleteCity',
|
||||
dataType: 'jsonp',
|
||||
data: {
|
||||
q: q
|
||||
},
|
||||
success: function(data){
|
||||
var items = $.map(data, function(item,index){
|
||||
return {
|
||||
id: index,
|
||||
name: item
|
||||
};
|
||||
});
|
||||
success(items);
|
||||
},
|
||||
error: function(){
|
||||
error.apply(this, arguments);
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user