10 年之前 · 13021c257a
--- a/display-server/web/template/webapp/tag/WmSegmentSrc.html
+++ b/display-server/web/template/webapp/tag/WmSegmentSrc.html
@ -4,7 +4,7 @@
 
															<meta charset="utf-8" />

													
 
															<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />

													
 
															<title>web UI 组件</title>

													
 
															{%>template/common/head.html%}

													
 
															{%>template/common/Head.html%}

													
 
														</head>

													
 
														<body>

													
 
														<div class="c_navBar">

													
@ -68,6 +68,24 @@
 
																					</span>

													
 
																				</div>

													
 
																			</div>

													
 
																			<script>

													
 
																				require(["wmSwitch" ], function(wmSwitch) {

													
 
																					var obj = new wmSwitch("wmSwitchDemo2");

													
 
																					var i = 0;

													
 
																					obj.setOnAction(function() {

													
 
																						console.log('开2')

													
 
																					});

													
 
																					obj.setOffAction(function() {

													
 
																						console.log('关2')

													
 
																					});

													
 
																					

													
 
																					obj.isEnable(true);

													
 
																					obj.create();

													
 
																					

													
 
																					var obj2 = new wmSwitch("wmSwitchDemo");

													
 
																					obj2.create();

													
 
																				});

													
 
																			</script>

													
 
																		</li>

													
 
																		<li>

													
 
																			<div class="content">

													
@ -93,8 +111,8 @@
 
																			<div class="content">

													
 
																				<div class="label">百分比调节</div>

													
 
																				<div class="value">

													
 
																					<input type="range" id="xx" name="xx" min="0" max="100" step="1" value="32" onclick="alert(this.value)" />

													
 
																					28.5%

													
 
																					<input type="range" id="range_input" name="xx" min="0" max="100" step="0.1" value="32" onclick="alert(this.value)" onchange="rangeOnchange(this)" />

													
 
																					<label id="range_label" style="display:block;">32%</label>

													
 
																				</div>

													
 
																			</div>

													
 
																		</li>

													
@ -133,7 +151,7 @@
 
																		<li>

													
 
																			<label class="content">

													
 
																				<div class="label">日期</div>

													
 
																				<div class="value"><input type="date" /></div>

													
 
																				<div class="value"><input type="date" value="2015-03-05"/></div>

													
 
																			</label>

													
 
																		</li>

													
 
																	</ul>

													
@ -144,11 +162,16 @@
 
														

													
 
														<script type="text/javascript">

													
 
														

													
 
														function rangeOnchange(that){

													
 
														

													
 
															$("#range_label").text(that.value+"%");

													
 
														}

													
 
														

													
 
														function action(v,t){

													
 
																alert($("#segmentT").val());

													
 
																alert(v+t);

													
 
														}

													
 
														require(["wmSegment"],function(WmSegment) {

													
 
														require(["iScroll","wmSegment"],function(iScroll,WmSegment) {

													
 
														

													
 
														  	var segment = new WmSegment("segment","segmentT",false);//初始化对象，false表示后面会设置触发事件setAction

													
 
														  //	segment.activeItem("month");//选中项，根据segValue

													
@ -164,6 +187,8 @@ require(["wmSegment"],function(WmSegment) {
 
														 //  	alert(segment.getTextByIndex(1));//根据index取text

													
 
														// 	alert(segment.getValueByIndex(1));//根据index取segValue

													
 
														  	segment.setAction("action");//选中项触发事件

													
 
														  	

													
 
														  	new iScroll("iscroll-content");

													
 
														

													
 
														});

													
 
														</script>