<!doctype html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title></title>
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
<link rel="stylesheet" href="mobilCss/jquery.mobile-1.4.5.min.css"/>
|
<link rel="stylesheet" href="css/breadcrumb.css">
|
<link rel="stylesheet" type="text/css" href="css/defined.popup.css"/>
|
<script type="text/javascript" src="mobilJs/jquery-1.8.2.js"></script>
|
<script type="text/javascript" src="mobilJs/jquery.mobile-1.4.5.min.js"></script>
|
<script type="text/javascript" src="mobilJs/base.js"></script>
|
</head>
|
<body>
|
<div data-role="page" tabindex="0" id="page0">
|
<div data-role="header" data-position="fixed">
|
<a href="index.html" target="_top" style="padding-top:0.7em;padding-bottom:0.7em;">返回</a>
|
<h1>省</h1>
|
</div>
|
|
<div data-role="content">
|
<ul class="breadcrumb"></ul>
|
<div class="home-search-input-container">
|
<input type="text" data-type="search" name="search" id="searchInput" placeholder="请输入机房名称关键字...">
|
</div>
|
<div id="battList"></div>
|
</div>
|
<div data-role="popup" id="myPopup" class="defined-popup">
|
<div class="popup-container">
|
<div class="popup-title">查询数据失败</div>
|
<div class="popup-content">
|
<div class="set-option">
|
<p>请设置包机组</p>
|
</div>
|
</div>
|
<div class="popup-footer">
|
<div class="footer-float footer-left">
|
<button type="button" id="right" data-mini="true" style="visibility: hidden;">确定</button>
|
</div>
|
<div class="footer-float footer-right">
|
<button type="button" id="hidePopup" data-mini="true">取消</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div data-role="footer" data-position="fixed">
|
|
</div>
|
</div>
|
</body>
|
<script type="text/javascript" src="js/battNav.js"></script>
|
<script type="text/javascript">
|
var stationlist = new Array();
|
|
// 初始化页面内容
|
$(document).ready(function(){
|
setCookie("station",null);
|
setCookie("batt",null);
|
seachAllStation();
|
});
|
|
// 点击机房事件
|
$(function () {
|
var aLi = -1;
|
$('#battList').on('click', 'ul li', function () {
|
aLi = $(this).index();
|
station = getbatt(stationlist,aLi);
|
|
var json=window.JSON.stringify(station);
|
setCookie("StationName1",json);
|
window.location.href="selectcity.html";
|
});
|
|
|
// 点击搜索框跳转到homeList页面
|
$('#searchInput').click(function() {
|
$(this).blur();
|
window.location.href="homeList.html";
|
});
|
});
|
|
// 定义面包屑导航条
|
$(function(){
|
var data = [
|
{url: 'javascript:JumpHomePage();', txt: '首页'},
|
{url: 'javascript:;', txt: '省'}
|
];
|
addBreadCrumb($('.breadcrumb').eq(0),data);
|
});
|
|
//查询所有市
|
function seachAllStation(){
|
loadshow();
|
$.ajax({
|
type: "post",
|
url: "BattInfAction!serchAllStation",
|
async:true,
|
dataType:'text',
|
data:null,
|
success: function(data){
|
data = eval('('+data+')');
|
var model = eval('('+data.result+')');
|
console.info(model);
|
if(model.code == 1){
|
stationlist = model.data;
|
createUl($('#battList'),model.data);
|
}else {
|
//alert(213);
|
$('#myPopup').popup('open');
|
}
|
loadclose();
|
},
|
error:function(){
|
loadclose();
|
}
|
});
|
}
|
|
/*
|
声明一个函数createUl,用于生成ul和li
|
@param ulCon ul的容器
|
@param dataList ul的数据内容
|
*/
|
function createUl(ulCon, dataList) {
|
//console.info(index);
|
// 清理容器下的ul
|
ulCon.find('ul').remove();
|
|
// 创建ul
|
var _ul = $('<ul data-role="listview" data-inset="true"></ul>');
|
|
// 遍历dataList生成li和a
|
for (var i = 0; i < dataList.length; i++){
|
var _li = $('<li></li');
|
|
var _a = $('<a href="#page1" value="" data-transition="slide">'+dataList[i].StationName1+'</a>');
|
|
// 将_a添加到_li，将_li添加到_ul中
|
_li.append(_a);
|
_ul.append(_li);
|
}
|
|
// 将_ul添加到容器中
|
ulCon.append(_ul).trigger('create');
|
loadclose();
|
}
|
|
//获取当前选中的batt
|
function getbatt(arr,index){
|
if(arr.length>index){
|
return arr[index];
|
}
|
return undefined;
|
};
|
</script>
|
|
</html>
|
