Home Explore Help
Register Sign In
jiapeng
/
console-front
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 54 Releases 0 Wiki
Browse Source

4

yunkai 7 years ago
parent
18d85bade9
commit
9e7704bcd0
2 changed files with 95 additions and 68 deletions
Split View Show Diff Stats
  1. 93 67
      html/test.html
  2. 2 1
      js/typeahead.js

+ 93 - 67
html/test.html
View File 

@ -1,68 +1,94 @@
1 
<!DOCTYPE html>
2 
<html>
3
4 
	<head>
5 
		<meta charset="utf-8"/>
6 
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
7 
		<title></title>
8 
		<link href="../css/common.css" rel="stylesheet" type="text/css" />
9 
		<style>
10
11 
		</style>
12 
	</head>
13
14 
	<body>
15 
		<div class="container dt-form">
16 
			<div class="row">
17 
				<div class="col-2 item-caption">名称</div>
18 
				<div class="col-4">
19 
					<div class="form-item text trim " defVal="" name="name"></div>
20 
				</div>
21 
				<div class="col-2 item-caption">是否有效</div>
22 
				<div class="col-4">
23 
					<div class="form-item typeahead" uri="../ajax/test/typeahead?s=15&q=" name="qq"></div>
24 
				</div>
25 
			</div>
26 
		</divclass="row">
27
28 
		<div id='g_info'>
29 
			<div id='g_err'></div>
30 
			<div id='g_warn'></div>
31 
			<div id='g_msg'></div>
32 
		</div>
33 
		<div id='g_loading' style="display: none;">
34 
			<divclass="col-4">
35 
				<i class='icon icon-spin icon-spinner-snake'></i>
36 
			</divclass='dd-drop'>
37 
		</div>
38
39 
	</body>
40 
	<script type="text/javascript" src="../js/jquery-1.12.4.js"></script>
41 
	<script type="text/javascript" src="../js/common.js"></script>
42 
	<script type="text/javascript" src="../js/form.js"></script>
43 
	<script type="text/javascript" src="../js/dict.js"></script>
44 
	<script type="text/javascript" src="../js/text.js"></script>
45 
	<script type="text/javascript" src="../js/textarea.js"></script>
46 
	<script type="text/javascript" src="../js/dropdown.js"></script>
47 
	<script type="text/javascript" src="../js/select.js"></script>
48 
	<script type="text/javascript" src="../js/date.js"></script>
49 
	<script type="text/javascript" src="../js/pager.js"></script>
50 
	<script type="text/javascript" src="../js/codehtml.js"></script>
51 
	<script type="text/javascript" src="../js/datagrid.js"></script>
52 
	<script type="text/javascript" src="../js/pageDataGrid.js"></script>
53 
	<script type="text/javascript" src="../js/spa.js"></script>
54 
	<script type="text/javascript" src="../js/upload.js"></script>
55 
	<script type="text/javascript" src="../js/dyn-select.js"></script>
56 
	<script type="text/javascript" src="../js/validate.js"></script>
57 
	<script type="text/javascript" src="../js/typeahead.js"></script>
58
59 
	<script>
60 
		$(function() {
61 
			$.use(["spa", "util", "form"], function(spa, util, fb) {
62 
				fb.build($(".dt-form"),{qq:{maxShowCount:15}});
63
64 
			});
65 
		});
66 
	<ype="text/javascript" src="../js/text.js"></script>
67
1 
<!DOCTYPE html>
2 
<html>
3
4 
	<head>
5 
		<meta charset="utf-8" />
6 
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
7 
		<title></title>
8 
		<link href="../css/common.css" rel="stylesheet" type="text/css" />
9 
		<style>
10
11 
		</style>
12 
	</head>
13
14 
	<body>
15 
		<div class="container dt-form">
16 
			<div class="row">
17 
				<div class="col-2 item-caption">名称</div>
18 
				<div class="col-4">
19 
					<div class="form-item text trim " defVal="" name="name"></div>
20 
				</div>
21 
				<div class="col-2 item-caption">是否有效</div>
22 
				<div class="col-4">
23 
					<div class="form-item typeahead" uri="../ajax/test/typeahead?s=15&q=" name="qq"></div>
24 
				</div>
25 
			</div>
26 
			<div class="row"class="row">
27 
				<div class="col-2 item-caption">名称2</div>
28 
				<div class="col-4">
29 
					<div class="form-item text trim" defVal="" name="name2">
30
31 
					</div>
32 
				</div>
33 
				<div class="col-2 item-caption">是否有效</div>
34 
				<div class="col-4"class="col-4">
35 
					<div class="form-item typeahead" uri="../ajax/test/img?limit=3&q=" name="qq1">
36 
						<div class='dd-drop'class='dd-drop'>
37 
							<ul>
38 
								<li ch-dir="list" class="select-item" code="{{id}}" caption="{{name}}">
39 
									<img src="../test/{{img}}" />
40 
									<span>{{name}}</span>
41 
									<span>{{title}}</span>
42 
								</li>
43 
							</ul>
44 
						</div>
45 
					</div>
46 
				</div>
47 
			</div>
48 
		</div>
49
50 
		<div id='g_info'>
51 
			<div id='g_err'></div>
52 
			<div id='g_warn'></div>
53 
			<div id='g_msg'></div>
54 
		</div>
55 
		<div id='g_loading' style="display: none;">
56 
			<div>
57 
				<i class='icon icon-spin icon-spinner-snake'></i>
58 
			</div>
59 
		</div>
60
61 
	</body>
62 
	<script type="text/javascript" src="../js/jquery-1.12.4.js"></script>
63 
	<script type="text/javascript" src="../js/common.js"></script>
64 
	<script type="text/javascript" src="../js/form.js"></script>
65 
	<script type="text/javascript" src="../js/dict.js"></script>
66 
	<script type="text/javascript" src="../js/text.js"><ype="text/javascript" src="../js/text.js"></script>
67 
	<script type="text/javascript" src="../js/textarea.js"></script>
68 
	<script type="text/javascript" src="../js/dropdown.js"></script>
69 
	<script type="text/javascript" src="../js/select.js"></script>
70 
	<script type="text/javascript" src="../js/date.js"></script>
71 
	<script type="text/javascript" src="../js/pager.js"></script>
72 
	<script type="text/javascript" src="../js/codehtml.js"></script>
73 
	<script type="text/javascript" src="../js/datagrid.js"></script>
74 
	<script type="text/javascript" src="../js/pageDataGrid.js"></script>
75 
	<script type="text/javascript" src="../js/spa.js"></script>
76 
	<script type="text/javascript" src="../js/upload.js"></script>
77 
	<script type="text/javascript" src="../js/dyn-select.js"></script>
78 
	<script type="text/javascript" src="../js/validate.js"></script>
79 
	<script type="text/javascript" src="../js/typeahead.js"></script>
80
81 
	<script>
82 
		$(function() {
83 
			$.use(["spa", "util", "form"], function(spa, util, fb) {
84 
				fb.build($(".dt-form"), {
85 
					qq: {
86 
						maxShowCount: 15
87 
					}
88 
				});
89
90 
			});
91 
		});
92 
	</script>
93
68 94 
</html>

+ 2 - 1
js/typeahead.js
View File 

@ -138,7 +138,7 @@ $.use(["jQuery", "form", "doc", "util", "dropdown", "code"], function($, form, d
138 138 
				chs: [pt]
139 139 
			});
140 140 
		});
141 
		if(this.autoselect) {
141 
		if(this.autoselect && lis.length) {
142 142 
			lis[0].attrs[2].av = " active select-item";
143 143 
		}
144 144 
		this.menu.empty();

@ -205,6 +205,7 @@ $.use(["jQuery", "form", "doc", "util", "dropdown", "code"], function($, form, d
205 205 
			rc.empty();
206 206 
			this.render = function(items) {
207 207 
				rc.val(items);
208 
				self.menu=self.ctn.find(".dd-drop>ul");
208 209 
			}
209 210 
		} else {
210 211 
			$("<div class='dd-drop'><ul></ul></div>").appendTo($e);