ホーム エスクプローラ ヘルプ
サインイン
ipu
/
android-share
Watch 6
Star 0
Fork 0
コード 課題 1 プルリクエスト 1 コミット 1216 リリース 4 Wiki
ソースを参照

新增界面操作插件

leijie 8 年 前
親
7d116a0235
コミット
d1d641c260
共有10 個のファイルを変更した、316 個の追加 と 0 個の削除を含む
分割表示 差分情報を表示
  1. 5 0
      display-server/src/main/resources/server-page.xml
  2. 3 0
      display-server/src/main/webapp/biz/js/plugin/pageHandler/keydownListen.js
  3. 12 0
      display-server/src/main/webapp/biz/js/plugin/pageHandler/pageA.js
  4. 15 0
      display-server/src/main/webapp/biz/js/plugin/pageHandler/pageB.js
  5. 24 0
      display-server/src/main/webapp/biz/js/plugin/pageHandler/pageHandler.js
  6. 5 0
      display-server/src/main/webapp/template/webapp/PluginIndex.html
  7. 27 0
      display-server/src/main/webapp/template/webapp/plugin/PageHandler/KeyDownListen.html
  8. 52 0
      display-server/src/main/webapp/template/webapp/plugin/PageHandler/PageA.html
  9. 60 0
      display-server/src/main/webapp/template/webapp/plugin/PageHandler/PageB.html
  10. 113 0
      display-server/src/main/webapp/template/webapp/plugin/PageHandler/PageHandler.html

+ 5 - 0
display-server/src/main/resources/server-page.xml
ファイルの表示 

@ -158,4 +158,9 @@
158 158
159 159 
    <action name="AppPlugins" template="template/webapp/AppPlugins.html"></action>
160 160
161 
    <!-- 页面跳转&物理按键Demo PageHandler -->
162 
    <action name="PageHandler" template="template/webapp/plugin/PageHandler/PageHandler.html"></action>
163 
    <action name="PageA" template="template/webapp/plugin/PageHandler/PageA.html"></action>
164 
    <action name="PageB" template="template/webapp/plugin/PageHandler/PageB.html"></action>
165 
    <action name="KeyDownListen" template="template/webapp/plugin/PageHandler/KeyDownListen.html"></action>
161 166 
</pages>

+ 3 - 0
display-server/src/main/webapp/biz/js/plugin/pageHandler/keydownListen.js
ファイルの表示 

@ -0,0 +1,3 @@
1 
/**
2 
 *
3 
 */

+ 12 - 0
display-server/src/main/webapp/biz/js/plugin/pageHandler/pageA.js
ファイルの表示 

@ -0,0 +1,12 @@
1 
require([ "domReady!", "wadeMobile", "mobile", "util" ], function(doc,
2 
		WadeMobile, Mobile) {
3 
	$("#back").tap(function() {
4 
		Mobile.back();
5 
	});
6 
	$("#toB").tap(function() {
7 
		Mobile.openPage("PageB");
8 
	});
9 
	$("#backCallback").tap(function() {
10
11 
	});
12 
});

+ 15 - 0
display-server/src/main/webapp/biz/js/plugin/pageHandler/pageB.js
ファイルの表示 

@ -0,0 +1,15 @@
1 
require([ "domReady!", "wadeMobile", "mobile", "util" ], function(doc,
2 
		WadeMobile, Mobile) {
3 
	$("#back").tap(function() {
4 
		Mobile.back();
5 
	});
6 
	$("#backTag").tap(function() {
7 
		Mobile.back("PageHandler");
8 
	});
9 
	$("#backCallback").tap(function() {
10
11 
	});
12 
	$("#backTagCallback").tap(function() {
13
14 
	});
15 
});

+ 24 - 0
display-server/src/main/webapp/biz/js/plugin/pageHandler/pageHandler.js
ファイルの表示 

@ -0,0 +1,24 @@
1 
require(["domReady!","wadeMobile","mobile","util"], function(doc,WadeMobile,Mobile){
2 
	new iScroll("content");
3 
	$("#openPage").tap(function(){
4 
		Mobile.openPage("PageA");
5 
	});
6 
	$("#openTemplate").tap(function(){
7 
		Mobile.openTemplate("PageA");
8 
	});
9 
	$("#loadPage").tap(function(){
10 
		Mobile.loadPage("PageA");
11 
	});
12 
	$("#loadTemplate").tap(function(){
13 
		Mobile.loadTemplate("PageA");
14 
	});
15 
	$("#openUrl").tap(function(){
16 
		Mobile.openUrl("https://www.baidu.com");
17 
	});
18 
	$("#loadUrl").tap(function(){
19 
		Mobile.loadUrl("https://www.baidu.com");
20 
	});
21 
	$("#openBrower").tap(function(){
22 
		WadeMobile.openBrower("https://www.baidu.com");
23 
	});
24 
});

+ 5 - 0
display-server/src/main/webapp/template/webapp/PluginIndex.html
ファイルの表示 

@ -80,6 +80,11 @@
80 80 
		<div class="pic"><span class="e_ico-videoComp"></span></div>
81 81 
		<div class="text">视频压缩</div>
82 82 
	</li>
83
84 
	<li action="PageHandler">
85 
		<div class="pic"><span class="e_ico-conect"></span></div>
86 
		<div class="text">界面操作</div>
87 
	</li>
83 88
84 89 
   <!--  <li action="AppPlugins">
85 90 
        <div class="pic"><span class="e_ico-data"></span></div>

+ 27 - 0
display-server/src/main/webapp/template/webapp/plugin/PageHandler/KeyDownListen.html
ファイルの表示 

@ -0,0 +1,27 @@
1 
<!DOCTYPE html>
2 
<html class="s_bs">
3 
<head>
4 
<meta charset="UTF-8">
5 
<meta  name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" >
6 
<title>物理按键</title>
7 
{%>template/common/Head.html%}
8 
</head>
9 
<body>
10 
	<div class="c_list l_mt">
11 
			<ul>
12 
				<li>
13 
					<div class="main">
14 
						<div class="info">设置重写返回物理按键</div>
15 
					</div>
16 
					<div class="fn fn-2" id="back">点击</div>
17 
				</li>
18 
				<li>
19 
					<div class="main">
20 
						<div class="info">设置重写菜单物理按键</div>
21 
					</div>
22 
					<div class="fn fn-2" id="backTag">点击</div>
23 
				</li>
24 
			</ul>
25 
		</div>
26 
</body>
27 
</html>

+ 52 - 0
display-server/src/main/webapp/template/webapp/plugin/PageHandler/PageA.html
ファイルの表示 

@ -0,0 +1,52 @@
1 
<!DOCTYPE html>
2 
<html class="s_bs">
3 
<head>
4 
<meta charset="UTF-8">
5 
<meta name="viewport"
6 
	content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
7 
<title>测试界面A</title> {%>template/common/Head.html%}
8 
<script type="text/javascript" src="biz/js/plugin/pageHandler/pageA.js"></script>
9 
</head>
10 
<body>
11 
	<div class="c_navBar">
12 
		<div class="center">
13 
			<div class="content">
14 
			<span class="text">A界面</span>
15 
		</div>
16 
		</div>
17 
	</div>
18 
	<div class="m_content m_content-nofooter" id="content">
19
20 
		<div class="c_list l_mt">
21 
			<ul>
22 
				<li>
23 
					<div class="content">
24 
						<div class="main">
25 
							<div class="info">普通返回上一个界面</div>
26 
						</div>
27 
						<div class="fn fn-2" id="back">返回</div>
28 
					</div>
29 
				</li>
30 
				<li>
31 
					<div class="content">
32 
						<div class="main">
33 
							<div class="info">打开下一个界面，A to B</div>
34 
						</div>
35 
						<div class="fn fn-2" id="toB">点击</div>
36 
					</div>
37 
				</li>
38 
				<li>
39 
					<div class="content">
40 
						<div class="main">
41 
							<div class="info">返回上一个界面，回调</div>
42 
						</div>
43 
						<div class="fn fn-2" id="backCallback">返回回调</div>
44 
					</div>
45 
				</li>
46 
			</ul>
47 
		</div>
48
49 
	</div>
50
51 
</body>
52 
</html>

+ 60 - 0
display-server/src/main/webapp/template/webapp/plugin/PageHandler/PageB.html
ファイルの表示 

@ -0,0 +1,60 @@
1 
<!DOCTYPE html>
2
3 
<html class="s_bs"><head>
4 
<meta charset="UTF-8">
5 
<meta name="viewport"
6 
	content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
7 
<title>测试界面B</title> {%>template/common/Head.html%}
8 
<script type="text/javascript" src="biz/js/plugin/pageHandler/pageB.js"></script>
9 
</head>
10 
<body>
11 
	<div class="c_navBar">
12 
		<div class="center">
13 
			<div class="content">
14 
			<span class="text">B界面</span>
15 
		</div>
16 
		</div>
17 
	</div>
18 
	<div class="m_content m_content-nofooter" id="content">
19
20 
		<div class="c_list l_mt">
21 
			<ul>
22 
				<li>
23 
					<div class="content">
24 
						<div class="main">
25 
							<div class="info">普通返回上一个界面</div>
26 
						</div>
27 
						<div class="fn fn-2" id="back">返回</div>
28 
					</div>
29 
				</li>
30 
				<li>
31 
					<div class="content">
32 
						<div class="main">
33 
							<div class="info">跳转，直接返回指定界面(PageHandler界面)</div>
34 
						</div>
35 
						<div class="fn fn-2" id="backTag">跳转返回</div>
36 
					</div>
37 
				</li>
38 
				<li>
39 
					<div class="content">
40 
						<div class="main">
41 
							<div class="info">返回上一个界面并回调</div>
42 
						</div>
43 
						<div class="fn fn-2" id="backCallback">返回回调</div>
44 
					</div>
45 
				</li>
46 
				<li>
47 
					<div class="content">
48 
						<div class="main">
49 
							<div class="info">跳转直接返回指定界面(UI界面)并回调</div>
50 
						</div>
51 
						<div class="fn fn-2" id="backTagCallback">跳转返回回调</div>
52 
					</div>
53 
				</li>
54 
			</ul>
55 
		</div>
56
57 
	</div>
58
59 
</body>
60 
</html>

+ 113 - 0
display-server/src/main/webapp/template/webapp/plugin/PageHandler/PageHandler.html
ファイルの表示 

@ -0,0 +1,113 @@
1 
<!DOCTYPE html>
2 
<html class="s_bs">
3 
<head>
4 
<meta charset="utf-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
6 
<title>界面跳转</title>
7 
{%>template/common/Head.html%}
8 
<script type="text/javascript" src="biz/js/plugin/pageHandler/pageHandler.js"></script>
9 
</head>
10 
<body>
11 
	<div class="c_navBar">
12 
		<div class="left">
13 
			<div class="back">
14 
			<span class="e_ico-back"></span>
15 
			<span class="text">操作</span>
16 
		</div>
17 
		</div>
18 
	</div>
19
20 
	<div class="m_content m_content-nofooter" id="content">
21 
		<div class="c_title">界面跳转</div>
22 
		<div class="c_list l_mt">
23 
			<ul>
24 
				<li id="openPage">
25 
					<div class="content">
26 
						<div class="main">openPage</div>
27 
						<div class="fn fn-2">测试</div>
28 
					</div>
29 
				</li>
30
31 
				<li id="openTemplate">
32 
					<div class="content">
33 
						<div class="main">openTemplate</div>
34 
						<div class="fn fn-2">测试</div>
35 
					</div>
36 
				</li>
37
38 
				<li id="loadPage">
39 
					<div class="content">
40 
						<div class="main">loadPage</div>
41 
						<div class="fn fn-2">测试</div>
42 
					</div>
43 
				</li>
44
45 
				<li id="loadTemplate">
46 
					<div class="content">
47 
						<div class="main">loadTemplate</div>
48 
						<div class="fn fn-2">测试</div>
49 
					</div>
50 
				</li>
51
52 
				<li id="openUrl">
53 
					<div class="content">
54 
						<div class="main">openUrl</div>
55 
						<div class="fn fn-2">测试</div>
56 
					</div>
57 
				</li>
58
59 
				<li id="loadUrl">
60 
					<div class="content">
61 
						<div class="main">loadUrl</div>
62 
						<div class="fn fn-2">测试</div>
63 
					</div>
64 
				</li>
65
66 
				<li id="openBrower">
67 
					<div class="content">
68 
						<div class="main">openBrower</div>
69 
						<div class="fn fn-2">测试</div>
70 
					</div>
71 
				</li>
72 
			</ul>
73 
		</div>
74
75 
		<div class="c_title">物理按键</div>
76 
		<div class="c_list l_mt">
77 
			<ul>
78 
				<li id="back">
79 
					<div class="content">
80 
						<div class="label">
81 
							<div class="title">返回按键</div>
82 
						</div>
83 
						<div class="value">请点击</div>
84 
						<div class="more"></div>
85 
					</div>
86 
				</li>
87
88 
				<li id="home">
89 
					<div class="content">
90 
						<div class="label">
91 
							<div class="title">主页按键</div>
92 
						</div>
93 
						<div class="value">请点击</div>
94 
						<div class="more"></div>
95 
					</div>
96 
				</li>
97
98 
				<li id="menu">
99 
					<div class="content">
100 
						<div class="label">
101 
							<div class="title">菜单按键</div>
102 
						</div>
103 
						<div class="value">请点击</div>
104 
						<div class="more"></div>
105 
					</div>
106 
				</li>
107 
			</ul>
108 
		</div>
109 
	</div>
110
111
112 
</body>
113 
</html>