Ver Código Fonte

Merge branch 'master' of http://10.1.235.20:3000/ipu/ipu-guide

leijie 7 anos atrás
pai
commit
1fa34ac35e

+ 1 - 0
show-server/src/main/resources/server-page.xml

@ -85,6 +85,7 @@
85 85
    
86 86
    <action name="invokeIPU" template="template/webapp/more/invokeIPU/setParams.html"></action>
87 87
    <action name="invokeIPUResult" template="template/webapp/more/invokeIPU/showParams.html" data="SceneBean.openIPUScene"></action>
88
    <action name="reactNative" template="template/webapp/more/reactNative.html"></action>
88 89
89 90
    <action name="PageHandler" template="template/webapp/plugins/pageHandler/pageHandler.html"></action>
90 91
    <action name="PageA" template="template/webapp/plugins/pageHandler/pageA.html"></action>

+ 3 - 0
show-server/src/main/webapp/biz/js/common/biz-mobile.js

@ -8,6 +8,9 @@ define(["require"],function(require) {
8 8
				execute("openNative", [data], err);
9 9
			},invokeIPU:function(pageAction,pageParam,err){
10 10
				execute("openIPUFromOtherApp",[pageAction,pageParam],err);
11
			},openRN:function(pageAction,callback){
12
				storageCallback("openRN",callback);
13
				execute("openRN", [pageAction]);
11 14
			}
12 15
		};
13 16
	})();

+ 4 - 0
show-server/src/main/webapp/template/webapp/more/moreIndex.html

@ -19,6 +19,10 @@
19 19
	   		<span class="ipu-icon fa fa-compress"></span>
20 20
	        <p>模拟调用IPU</p>
21 21
		</li> 
22
		<li class="ipu-col-33 ipu-text-center" data-action="reactNative">
23
			<span class="ipu-icon fa fa-sliders"></span>
24
			<p>React Native</p>
25
		</li>
22 26
	</ul>
23 27
	
24 28
</div>

+ 54 - 0
show-server/src/main/webapp/template/webapp/more/reactNative.html

@ -0,0 +1,54 @@
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<title>RN Demo</title> 
5
{%>template/common/Head.html%}
6
</head>
7
<body>
8

9
<div class="ipu-row-flex ipu-row-flex-ver">
10
		<div class="ipu-col ipu-col-auto">
11
			<header class="ipu-toolbar">
12
				<span class="ipu-icon fa fa-chevron-left ipu-fn-left" id="left-btn"></span> 
13
				<span class="ipu-icon fa fa-home  ipu-fn-right" id="right-btn"></span>
14
				<h1 class="ipu-toolbar-title">React Native</h1>
15
			</header>
16
		</div>
17

18
		<div class="ipu-col">
19
			<ul class="ipu-list ipu-list-link ipu-list-active ipu-list-cover ipu-border-tb">
20
				<li class="ipu-border-t" id="BASIC">
21
					<div class="ipu-list-info">
22
						<h4>打电话</h4>
23
						<p>打开一个React Native页面,该页面可以调用原生的打电话界面</p>
24
					</div>
25
				</li>
26
				
27
				<li class="ipu-border-t" id="PHONENUMBER">
28
					<div class="ipu-list-info">
29
						<h4 id="number_text">手机号码:</h4>
30
						<p>打开一个React Native页面获取手机号码,支持从通讯录查找联系人获取号码</p>
31
					</div>
32
				</li>
33
				
34
			</ul>
35
		</div>
36
</div>
37
<script type="text/javascript">
38
require(["domReady!","jquery","mobile"], function (doc,$,Mobile) {
39
	/**/
40
    
41
    $("li").click(function() {
42
    	if (this.id == "PHONENUMBER") {
43
    		var callback = function (number) {
44
    			$("#number_text").html("手机号码:" + number);
45
    		};
46
    	    WadeMobile.openRN("PHONENUMBER", callback);
47
    	} else {
48
    		WadeMobile.openRN(this.id);
49
    	}
50
    });
51
});
52
</script>
53
</body>
54
</html>