first commit
This commit is contained in:
69
library/jquery-easyui-1.6.10/demo/datalist/basic.html
Normal file
69
library/jquery-easyui-1.6.10/demo/datalist/basic.html
Normal file
@@ -0,0 +1,69 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Basic DataList - 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 DataList</h2>
|
||||
<p>The DataList can be created from the <ul> element.</p>
|
||||
<div style="margin:20px 0;"></div>
|
||||
<ul class="easyui-datalist" title="Basic DataList" lines="true" style="width:400px;height:250px">
|
||||
<li value="AL">Alabama</li>
|
||||
<li value="AK">Alaska</li>
|
||||
<li value="AZ">Arizona</li>
|
||||
<li value="AR">Arkansas</li>
|
||||
<li value="CA">California</li>
|
||||
<li value="CO">Colorado</li>
|
||||
<li value="CT">Connecticut</li>
|
||||
<li value="DE">Delaware</li>
|
||||
<li value="FL">Florida</li>
|
||||
<li value="GA">Georgia</li>
|
||||
<li value="HI">Hawaii</li>
|
||||
<li value="ID">Idaho</li>
|
||||
<li value="IL">Illinois</li>
|
||||
<li value="IN">Indiana</li>
|
||||
<li value="IA">Iowa</li>
|
||||
<li value="KS">Kansas</li>
|
||||
<li value="KY">Kentucky</li>
|
||||
<li value="LA">Louisiana</li>
|
||||
<li value="ME">Maine</li>
|
||||
<li value="MD">Maryland</li>
|
||||
<li value="MA">Massachusetts</li>
|
||||
<li value="MI">Michigan</li>
|
||||
<li value="MN">Minnesota</li>
|
||||
<li value="MS">Mississippi</li>
|
||||
<li value="MO">Missouri</li>
|
||||
<li value="MT">Montana</li>
|
||||
<li value="NE">Nebraska</li>
|
||||
<li value="NV">Nevada</li>
|
||||
<li value="NH">New Hampshire</li>
|
||||
<li value="NJ">New Jersey</li>
|
||||
<li value="NM">New Mexico</li>
|
||||
<li value="NY">New York</li>
|
||||
<li value="NC">North Carolina</li>
|
||||
<li value="ND">North Dakota</li>
|
||||
<li value="OH">Ohio</li>
|
||||
<li value="OK">Oklahoma</li>
|
||||
<li value="OR">Oregon</li>
|
||||
<li value="PA">Pennsylvania</li>
|
||||
<li value="RI">Rhode Island</li>
|
||||
<li value="SC">South Carolina</li>
|
||||
<li value="SD">South Dakota</li>
|
||||
<li value="TN">Tennessee</li>
|
||||
<li value="TX">Texas</li>
|
||||
<li value="UT">Utah</li>
|
||||
<li value="VT">Vermont</li>
|
||||
<li value="VA">Virginia</li>
|
||||
<li value="WA">Washington</li>
|
||||
<li value="WV">West Virginia</li>
|
||||
<li value="WI">Wisconsin</li>
|
||||
<li value="WY">Wyoming</li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
25
library/jquery-easyui-1.6.10/demo/datalist/checkbox.html
Normal file
25
library/jquery-easyui-1.6.10/demo/datalist/checkbox.html
Normal file
@@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Checkbox in DataList - 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>Checkbox in DataList</h2>
|
||||
<p>Each item in the DataList has a checkbox.</p>
|
||||
<div style="margin:20px 0"></div>
|
||||
<div class="easyui-datalist" title="Checkbox in DataList" style="width:400px;height:250px" data-options="
|
||||
url: 'datalist_data1.json',
|
||||
method: 'get',
|
||||
checkbox: true,
|
||||
selectOnCheck: false,
|
||||
onBeforeSelect: function(){return false;}
|
||||
">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,18 @@
|
||||
[
|
||||
{"text":"Epson WorkForce 845","group":"Printer"},
|
||||
{"text":"Canon PIXMA MG5320","group":"Printer"},
|
||||
{"text":"HP Deskjet 1000 Printer","group":"Printer"},
|
||||
{"text":"Cisco RV110W-A-NA-K9","group":"Firewall"},
|
||||
{"text":"ZyXEL ZyWALL USG50","group":"Firewall"},
|
||||
{"text":"NETGEAR FVS318","group":"Firewall"},
|
||||
{"text":"Logitech Keyboard K120","group":"Keyboard"},
|
||||
{"text":"Microsoft Natural Ergonomic Keyboard 4000","group":"Keyboard"},
|
||||
{"text":"Logitech Wireless Touch Keyboard K400","group":"Keyboard"},
|
||||
{"text":"Logitech Gaming Keyboard G110","group":"Keyboard"},
|
||||
{"text":"Nikon COOLPIX L26 16.1 MP","group":"Camera"},
|
||||
{"text":"Canon PowerShot A1300","group":"Camera"},
|
||||
{"text":"Canon PowerShot A2300","group":"Camera"}
|
||||
|
||||
|
||||
|
||||
]
|
||||
23
library/jquery-easyui-1.6.10/demo/datalist/group.html
Normal file
23
library/jquery-easyui-1.6.10/demo/datalist/group.html
Normal file
@@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Group DataList - 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 DataList</h2>
|
||||
<p>This example shows how to display items in groups.</p>
|
||||
<div style="margin:20px 0"></div>
|
||||
<div class="easyui-datalist" title="Group DataList" style="width:400px;height:250px" data-options="
|
||||
url: 'datalist_data1.json',
|
||||
method: 'get',
|
||||
groupField: 'group'
|
||||
">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
23
library/jquery-easyui-1.6.10/demo/datalist/multiselect.html
Normal file
23
library/jquery-easyui-1.6.10/demo/datalist/multiselect.html
Normal file
@@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Multiple Selection DataList - 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>Multiple Selection DataList</h2>
|
||||
<p>The multiple selection allows the user to select multiple items in a datalist.</p>
|
||||
<div style="margin:20px 0"></div>
|
||||
<div class="easyui-datalist" title="Multiple Selection DataList" style="width:400px;height:250px" data-options="
|
||||
url: 'datalist_data1.json',
|
||||
method: 'get',
|
||||
singleSelect: false
|
||||
">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
22
library/jquery-easyui-1.6.10/demo/datalist/remotedata.html
Normal file
22
library/jquery-easyui-1.6.10/demo/datalist/remotedata.html
Normal file
@@ -0,0 +1,22 @@
|
||||
<!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 DataList is bound to a remote data.</p>
|
||||
<div style="margin:20px 0"></div>
|
||||
<div class="easyui-datalist" title="Remote Data" style="width:400px;height:250px" data-options="
|
||||
url: 'datalist_data1.json',
|
||||
method: 'get'
|
||||
">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user