好吧，临时抽调去帮忙另外一个项目。

画了几个界面，做了几个小功能。

虽然不复杂，但是画完，调通，看着这些界面一个个的灵动起来，就是有这么一种成就感。

好像是创造了世界，创造了生命一样！

这些就是喜欢一件事情的感觉吗？哈哈。

问题记录

地市3联选择 distpicker

,马马虎虎的控件，

非的要设置autoSelect：true,自动联动才能自动选择

  $('#distpicker').distpicker({
    autoSelect: true
  });
  
//必须autoSelect：true,后面的自动联动才能生效，不然只会选择第一个
$('#distpicker').distpicker({
    province: '浙江省',
    city: '杭州市',
    district: '西湖区'
  });

api比较弱，不太行,总共就那么几个。

    $distpicker.distpicker('reset', true);

    $distpicker.distpicker('destroy');

最后联动使用如下：

解决distpicker非自动选择，并且联动设置值

$("#distpicker3").distpicker({
		  autoSelect: false
});

//手动触发select选择事件，然后一个个选中
$(formele).find("#province").val(response.province);
	$(formele).find("#province").trigger("change");
	$(formele).find("#city").val(response.city);
	$(formele).find("#city").trigger("change");
	$(formele).find("#district").val(response.district);
	$(formele).find("#district").val(response.district);

地图选择经纬度

集成的高德的，这种小框的妥妥的需要iframe，不然就会覆盖整个界面。

select2

select2坑货虽然是坑货，不过用溜了还是相当上手的.

本站记录的select2填坑记录

这里使用了点新东西.

select2 三联动处理

//selet2 ---第一个选择，清除选择时间。 重新绘制第二select2
	// Bind an event
	$('#q_b_community').on('select2:select', function(e) {
		// alert("11");
		$("#q_building").show();
		destorySelectBuildingquery();
		initSelectBuildingquery();
	});

	$('#q_b_community').on('select2:unselect', function(e) {
		// alert("11");
		destorySelectBuildingquery();
		initSelectBuildingquery();

	});


//第二个select2
function destorySelectBuildingquery() {
	$("#q_building").select2().val(null).trigger("change");
	$("#q_building").select2("destroy");
}

//查询条件 楼栋选择select
function initSelectBuildingquery() {
	$("#q_building")
			.select2(
					{
......

          //第一个select的选择值
         var cids = $("#q_b_community").val();
         var cid=(cids == null || cids.length == 0) ? "";
 											: cids[0]

								var query = {
									name : params.term,
									pagenum : page,

									pageSize : 10,
									communityId : cid,
								}

......
}

效果杠杠的。选择一个，出来一个。都是select2~~

一样地图经纬度选择.

JS操作DOM

看来我是挺喜欢搞这种事情的，

JS操作各种DOM，动态搞事情，说难不难的。

但是不管怎么说，就是好玩.

各种动态加，加一层，加单个，减单个，编辑。

各种状态处理，样式啥的~。

这里页没啥巧，就是干。

$().find()....

当然还是有点货

JS UUID

处理了下整个，UUID生成.

function guid() {
	function S4() {
		return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
	}
	return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4()
			+ S4() + S4());
}

左补0

还有个房间号生成，自动左补领。

// num传入的数字，n需要的字符长度 ，批量添加房间数，房号计算，左加0
function PrefixInteger(num, n) {
	return (Array(n).join(0) + num).slice(-n);
}

动态添加DOM的事件检测

动态添加的dom元素事件。

这个之前也写到过的。

本站的jquery 动态事件

 $(".roomNo").on("click","li.roomitem .tooltip-f",function(e){

    ....
});

 $(".roomNo").on("mouseover","li.roomitem .tooltip-f",function(e){

...
});

总之就是又熟练了一吧，干了两天。妥妥的，

现在加班都加的挺惬意的....看来好久不加班呢