mui.init();
$(function (){
biaoQian();//初始化获取房子标签数据
xianLu();//初始化获取地铁数据
sheng();//初始化省市
});
//普通示例
var userPicker = new mui.PopPicker(); //初始下拉框
var dizhiPicker = new mui.PopPicker({
layer: 2
});
var roledata="";//初始化标签
var xainludata="";//初始化地铁线
var jiage="";//初始化价格
var shengdata="";//获取省
//前台根据parent_id获得城市列表
var parent_id=2;//2为北京，20为天津
//获取所有的省级信息
function sheng(){
mui.ajax(url+"/front_get_citys.do?id="+parent_id, {
type: "GET",
async:false,
dataType: "jsonp",
success: function(data) {
//console.log("获取省信息成功");
var json_data = jQuery.parseJSON(data);
//console.log(json_data.list.length);
var str ="";
for(var i = 0;i<json_data.t_areas.length;i++ ){
//console.log(json_data.list[i].name);
//roledata1+="[{value:'"+ json_data.list[i].id+"',text:'"+json_data.list[i].name+"'}]";
//因为picker下拉框是数组-要进行数据格式化
if(i+1!=json_data.t_areas.length){
str+="{value:'"+ json_data.t_areas[i].id+"',text:'"+json_data.t_areas[i].area_name+"'}"
}
if(i+2!=json_data.t_areas.length){
str+=",";
}
}
shengdata="[{value: '120000',text: '北京市',children:"+"["+str+"]"+"}]";//数据格式化
},
error: function(xhr, type, errorThrown) {
//异常处理；
mui.toast("查询失败-暂时无法访问");
}
});
}
//监听选取二级联动
var dizhiid="";
var ditieButton=document.getElementById('dizhi');
ditieButton.addEventListener('tap', function(event) {
dizhiPicker.setData(eval(shengdata));//循环取值
dizhiPicker.show(function(items) {
//var name=JSON.stringify(items[0].text).replace("\"","").replace("\"","");
var name2=JSON.stringify(items[1].text).replace("\"","").replace("\"","");
dizhiid=JSON.stringify(items[1].value).replace("\"","").replace("\"","");
$("#dizhi").html(name2);
houseTypenum();
});
}, false);
//价格区间
var priceid="";
var jiegeButton=document.getElementById('priceNum');
jiegeButton.addEventListener('tap', function(event) {
userPicker.setData(
[{value:'1',text:'500以下'},{value:'2',text:'500-1千'},{value:'3',text:'1千-2千'},{value:'3',text:'1千-2千'},
{value:'4',text:'2千-3千'},{value:'4',text:'3千-4千'},{value:'5',text:'4千-5千'},{value:'6',text:'5千-1万'},{value:'7',text:'1万以上'}]
);//循环取值
userPicker.show(function(items) {
var name=JSON.stringify(items[0].text).replace("\"","").replace("\"","");
$("#priceNum").html(name);
priceid=JSON.stringify(items[0].value).replace("\"","").replace("\"","");
houseTypenum();
});
}, false);
var area_id=1;//此处为北京市--后修改为获取地理位置数据-获取玩家选取地理位置
//获取地铁线路----擦昏地一个省级地址参数-area_id=1为省（第一级的）id,北京市
function xianLu(){
mui.ajax(url+"/front_get_lines.do?area_id="+area_id, {
type: "GET",
async:false,
dataType: "jsonp",
success: function(data) {
//console.log("获取地铁信息成功");
var json_data = jQuery.parseJSON(data);
//console.log(json_data.list.length);
var str ="";
for(var i = 0;i<json_data.list.length;i++ ){
//console.log(json_data.list[i].name);
//roledata1+="[{value:'"+ json_data.list[i].id+"',text:'"+json_data.list[i].name+"'}]";
//因为picker下拉框是数组-要进行数据格式化
if(i+1!=json_data.list.length){
str+="{value:'"+ json_data.list[i].id+"',text:'"+json_data.list[i].name+"'}"
}
if(i+2!=json_data.list.length){
str+=",";
}
}
xainludata="["+str+"]";//数据格式化
},
error: function(xhr, type, errorThrown) {
//异常处理；
mui.toast("查询失败-暂时无法访问");
}
});
}
//监听选取地铁事件
var diteiid="";
var ditieButton=document.getElementById('ditie');
ditieButton.addEventListener('tap', function(event) {
userPicker.setData(eval(xainludata));//循环取值
userPicker.show(function(items) {
var name=JSON.stringify(items[0].text).replace("\"","").replace("\"","");
$("#ditie").html(name);
diteiid=JSON.stringify(items[0].value).replace("\"","").replace("\"","");
houseTypenum();//事件完成后-将参数传递给后台，每次刷新调用
});
}, false);
//获取标签-
function biaoQian(){
mui.ajax(url+"/front_get_hlable2.do", {
type: "GET",
async:false,
dataType: "jsonp",
success: function(data) {
//console.log("获取房源标签成功");
var json_data = jQuery.parseJSON(data);
//console.log(json_data.list.length);
var str ="";
for(var i = 0;i<json_data.list.length;i++ ){
//console.log(json_data.list[i].name);
//roledata1+="[{value:'"+ json_data.list[i].id+"',text:'"+json_data.list[i].name+"'}]";
//因为picker下拉框是数组-要进行数据格式化
if(i+1!=json_data.list.length){
str+="{value:'"+ json_data.list[i].id+"',text:'"+json_data.list[i].name+"'}"
}
if(i+2!=json_data.list.length){
str+=",";
}
}
roledata="["+str+"]";//数据格式化
},
error: function(xhr, type, errorThrown) {
//异常处理；
mui.toast("查询失败-暂时无法访问");
}
});
}
var biaoqianid="";
var showUserPickerButton = document.getElementById('biaoqian');
//var userResult = document.getElementById('userResult');
showUserPickerButton.addEventListener('tap', function(event) {
userPicker.setData(eval(roledata));//循环取值
userPicker.show(function(items) {
//userResult.innerText = JSON.stringify(items[0].text).replace("\"","").replace("\"","");//去掉双引号并放到指定位置获取数据，
//userResult.innerText = JSON.stringify(items[0]);
var name=JSON.stringify(items[0].text).replace("\"","").replace("\"","");
$("#biaoqian").html(name);
biaoqianid=JSON.stringify(items[0].value).replace("\"","").replace("\"","");
//返回 false 可以阻止选择框的关闭
//return false;
houseTypenum();
});
}, false);
