Home Verkennen Help
Inloggen
ipu
/
ipu-guide
Volgen 10
Ster 1
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Commits 353 Publicaties 1 Wiki
Bladeren bron

新增提示框系列插件

liufl5 5 jaren geleden
bovenliggende
9e96cc7d41
commit
805f0356a5
6 gewijzigde bestanden met toevoegingen van 212 en 1 verwijderingen
Split View Toon Diff Stats
  1. 1 0
      show-server/src/main/resources/server-page.xml
  2. 60 0
      show-server/src/main/webapp/biz/js/plugins/ui/ui-customAlertDialogNew.js
  3. 6 0
      show-server/src/main/webapp/biz/js/plugins/ui/ui.js
  4. 25 1
      show-server/src/main/webapp/ipu/frame/mobile/expand-mobile.js
  5. 113 0
      show-server/src/main/webapp/template/webapp/plugins/ui/ui-customAlertDialogNew.html
  6. 7 0
      show-server/src/main/webapp/template/webapp/plugins/ui/ui.html

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

@ -16,6 +16,7 @@
16 16 
    <action name="Storage" 	template="template/webapp/plugins/storage.html"></action>
17 17 
    <action name="UI" 		template="template/webapp/plugins/ui/ui.html"></action>
18 18 
    <action name="UI-CustomAlertDialog" template="template/webapp/plugins/ui/ui-customAlertDialog.html"></action>
19 
    <action name="UI-CustomAlertDialogNew" template="template/webapp/plugins/ui/ui-customAlertDialogNew.html"></action>
19 20 
    <action name="UI-SlidingMenu" template="template/webapp/plugins/ui/ui-slidingMenu.html"></action>
20 21 
    <action name="UI-CustomDialog" template="template/webapp/plugins/ui/ui-customDialog.html"></action>
21 22 
    <action name="UI-CustomWindow" template="template/webapp/plugins/ui/ui-customWindow.html"></action>

+ 60 - 0
show-server/src/main/webapp/biz/js/plugins/ui/ui-customAlertDialogNew.js
Bestand weergeven 

@ -0,0 +1,60 @@
1 
require([ "ipuMobile", "mobile", "jcl"], function(IpuMobile, Mobile, $) {
2 
	$(function() {
3 
		var param = $.DataMap();
4
5 
		$("#loading_dialog").click(function() {
6 
			IpuMobile.startLoading();
7 
			setTimeout("IpuMobile.stopLoading()",2000);
8 
		});
9
10 
		$("#text_toast").click(function() {
11 
			var text = "显示一行提示文字";
12 
			var time = "3";
13 
			IpuMobile.showTextToast(text,time);
14 
		});
15
16 
		$("#text_alert").click(function() {
17 
			var text = "这是提示内容";
18 
			IpuMobile.showCustomAlert(text,null,false,null);
19 
		});
20
21 
		$("#text_title_alert").click(function() {
22 
			var text = "显示一行提示文字";
23 
			var title = "标题";
24 
			var colors = ["#061B36","#07B57A"];
25 
			IpuMobile.showCustomAlert(text,title,false,colors);
26 
		});
27
28 
		$("#text_chooseAlert").click(function() {
29 
			var text = "显示多行文字显示多行文字显示多行文字显示多行文字。。。";
30 
			var colors = ["#061B36","#3683cd"];
31 
			IpuMobile.showCustomAlert(text,null,true,colors);
32 
		});
33
34 
		$("#text_title_chooseAlert").click(function() {
35 
			var text = "显示多行文字显示多行文字显示多行文字显示多行文字显示多行文字显示多行文字显示多行文字显示多行文字。。。";
36 
			var title = "标题";
37 
			var colors = ["#061B36","#07B57A"];
38 
			IpuMobile.showCustomAlert(text,title,true,colors);
39 
		});
40
41 
		$("#input_Alert").click(function() {
42 
			var text = "请输入信息";
43 
			var title = "标题";
44 
			var colors = ["#061B36","#07B57A"];
45 
			IpuMobile.showInputAlert(text,title,false,colors);
46 
		});
47
48 
		$("#success_toast").click(function() {
49 
			var time = "3";
50 
			IpuMobile.showSuccessToast(time);
51 
		});
52
53 
		$("#fail_toast").click(function() {
54 
			var time = "3";
55 
			IpuMobile.showFailToast(time);
56 
		});
57
58 
	});
59
60 
});

+ 6 - 0
show-server/src/main/webapp/biz/js/plugins/ui/ui.js
Bestand weergeven 

@ -74,6 +74,12 @@ require(["ipuMobile","mobile","jcl"], function(IpuMobile,Mobile,$) {
74 74 
			}
75 75 
		);
76 76
77 
		$("#customAlertDialogNew").click(function()
78 
				{
79 
					Mobile.openPage("UI-CustomAlertDialogNew",null);
80 
				}
81 
			);
82
77 83 
		$("#slidingMenu").click(function() {
78 84 
			Mobile.openSlidingMenu("UI-SlidingMenu",null,function(result){
79 85 
				alert(result);

+ 25 - 1
show-server/src/main/webapp/ipu/frame/mobile/expand-mobile.js
Bestand weergeven 

@ -385,7 +385,31 @@ define(["require","jcl"],function(require,Wade) {
385 385 
				execute("sweetConfirm",[param]);
386 386 
			},sweetLoading:function(param){
387 387 
				execute("sweetLoading",[param]);
388 
			},poiCitySearch:function(city,keyword,err){
388 
			},
389 
			//add by lfl
390 
			startLoading:function(){
391 
				execute("startLoading",[]);
392 
			},
393 
			stopLoading:function(){
394 
				execute("stopLoading",[]);
395 
			},
396 
			showTextToast:function(text,time){
397 
				execute("showTextToast",[text,time]);
398 
			},
399 
			showCustomAlert:function(text,title,isChooseAlert,colors){
400 
				execute("showCustomAlert",[text,title,isChooseAlert,colors]);
401 
			},
402 
			showInputAlert:function(text,title,isSecure,colors){
403 
				execute("showInputAlert",[text,title,isSecure,colors]);
404 
			},
405 
			showSuccessToast:function(time){
406 
				execute("showSuccessToast",[time]);
407 
			},
408 
			showFailToast:function(time){
409 
				execute("showFailToast",[time]);
410 
			},
411
412 
			poiCitySearch:function(city,keyword,err){
389 413 
				execute("poiCitySearch",[city,keyword],err);
390 414 
			},poiNearbySearch:function(latlon,radius,keyword,err){
391 415 
				execute("poiNearbySearch",[latlon.toString(),radius,keyword],err);

+ 113 - 0
show-server/src/main/webapp/template/webapp/plugins/ui/ui-customAlertDialogNew.html
Bestand weergeven 

@ -0,0 +1,113 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<title>提示对话框</title> {%>template/common/Head.html%}
5 
<script type="text/javascript"
6 
	src="biz/js/plugins/ui/ui-customAlertDialogNew.js"></script>
7 
</head>
8 
<body>
9
10 
	<div class="ipu-flex-row ipu-flex-vertical">
11 
		<div class="ipu-flex-col">
12 
			<header class="ipu-toolbar">
13 
				<h1 class="ipu-toolbar-title">提示对话框（新）</h1>
14 
				<a class="ipu-fn-left page-back" href="javascript:;"> <i
15 
					class="ipu-icon mdi mdi-chevron-left"></i>
16 
				</a>
17 
			</header>
18 
		</div>
19
20 
		<div class="ipu-flex-col ipu-flex-col-auto">
21 
			<div class="ipu-flex-content" id="mycontent">
22 
				<div class="page-content">
23 
					<div class="ipu-list">
24 
						<ul>
25
26 
							<li class="ipu-list-item">
27 
								<div class="ipu-list-item-inner">
28 
									<div class="ipu-list-item-title">网络加载提示框</div>
29 
									<div class="ipu-list-item-after">
30 
										<button class="ipu-btn ipu-btn-s" id="loading_dialog">显示提示框</button>
31 
									</div>
32 
								</div>
33 
							</li>
34
35 
							<li class="ipu-list-item">
36 
								<div class="ipu-list-item-inner">
37 
									<div class="ipu-list-item-title">文字-提示框（toast效果）</div>
38 
									<div class="ipu-list-item-after">
39 
										<button class="ipu-btn ipu-btn-s" id="text_toast">显示提示框</button>
40 
									</div>
41 
								</div>
42 
							</li>
43
44 
							<li class="ipu-list-item">
45 
								<div class="ipu-list-item-inner">
46 
									<div class="ipu-list-item-title">成功-提示框（toast效果）</div>
47 
									<div class="ipu-list-item-after">
48 
										<button class="ipu-btn ipu-btn-s" id="success_toast">显示提示框</button>
49 
									</div>
50 
								</div>
51 
							</li>
52
53 
							<li class="ipu-list-item">
54 
								<div class="ipu-list-item-inner">
55 
									<div class="ipu-list-item-title">失败-提示框（toast效果）</div>
56 
									<div class="ipu-list-item-after">
57 
										<button class="ipu-btn ipu-btn-s" id="fail_toast">显示提示框</button>
58 
									</div>
59 
								</div>
60 
							</li>
61
62 
							<li class="ipu-list-item">
63 
								<div class="ipu-list-item-inner">
64 
									<div class="ipu-list-item-title">文字-提示框</div>
65 
									<div class="ipu-list-item-after">
66 
										<button class="ipu-btn ipu-btn-s" id="text_alert">显示提示框</button>
67 
									</div>
68 
								</div>
69 
							</li>
70 
							<li class="ipu-list-item">
71 
								<div class="ipu-list-item-inner">
72 
									<div class="ipu-list-item-title">标题+文字-提示框</div>
73 
									<div class="ipu-list-item-after">
74 
										<button class="ipu-btn ipu-btn-s" id="text_title_alert">显示提示框</button>
75 
									</div>
76 
								</div>
77 
							</li>
78 
							<li class="ipu-list-item">
79 
								<div class="ipu-list-item-inner">
80 
									<div class="ipu-list-item-title">文字-可选择提示框</div>
81 
									<div class="ipu-list-item-after">
82 
										<button class="ipu-btn ipu-btn-s" id="text_chooseAlert">显示提示框</button>
83 
									</div>
84 
								</div>
85 
							</li>
86 
							<li class="ipu-list-item">
87 
								<div class="ipu-list-item-inner">
88 
									<div class="ipu-list-item-title">标题+文字-可选择提示框</div>
89 
									<div class="ipu-list-item-after">
90 
										<button class="ipu-btn ipu-btn-s" id="text_title_chooseAlert">显示提示框</button>
91 
									</div>
92 
								</div>
93 
							</li>
94
95 
							<li class="ipu-list-item">
96 
								<div class="ipu-list-item-inner">
97 
									<div class="ipu-list-item-title">输入-提示框</div>
98 
									<div class="ipu-list-item-after">
99 
										<button class="ipu-btn ipu-btn-s" id="input_Alert">显示提示框</button>
100 
									</div>
101 
								</div>
102 
							</li>
103
104 
						</ul>
105 
					</div>
106
107 
				</div>
108 
			</div>
109 
		</div>
110
111 
	</div>
112 
</body>
113 
</html>

+ 7 - 0
show-server/src/main/webapp/template/webapp/plugins/ui/ui.html
Bestand weergeven 

@ -114,6 +114,13 @@
114 114 
											<div class="ipu-list-item-after">请点击</div>
115 115 
										</div>
116 116 
								</a></li>
117 
								<li id="customAlertDialogNew"><a class="ipu-list-item ipu-list-item-link"
118 
									href="javascript:;">
119 
										<div class="ipu-list-item-inner">
120 
											<div class="ipu-list-item-title">提示对话框（新）</div>
121 
											<div class="ipu-list-item-after">请点击</div>
122 
										</div>
123 
								</a></li>
117 124 
								<li id="customWindow"><a class="ipu-list-item ipu-list-item-link"
118 125 
									href="javascript:;">
119 126 
										<div class="ipu-list-item-inner">