1.使用mui-picker组件的步骤
A.引入picker组件需要的css以及js：poppicker组件依赖mui.picker.js/.css mui.poppicker.js/.css请务必在mui.js/css后中引用,也可统一引用 压缩版本:mui.picker.min.js


B.创建picker组件：var picker = new mui.PopPicker({layer:3});//创建一个3列的picker，即有3个选择内容


C.找到city.js文件，获取需要使用的省市县数据cityData，使用setData方法进行数据设置：
picker.setData(cityData);


D.给需要进行选择的表单元素添加点击事件，当点击该表单元素时，显示picker，并将picker选中的内容显示在表单元素中:
//给文本框添加点击事件，当点击文本框的时候显示picker

[AppleScript] 纯文本查看 复制代码

$("#area").on("tap",function(){
	//show方法用来显示picker，show方法的参数回调则是选择完毕之后调用的回调
	//show方法的参数回调的(selectItems)参数则包含选择的信息
	picker.show(function(selectItems){
		var sheng = selectItems[0].text;//选择的省份信息
		var shengId = selectItems[0].value;//选择省份的值信息

		var shi = selectItems[1].text;//选择的市信息
	
		var xian = selectItems[2].text;//选择的县信息
		//将省市县信息拼接显示在文本框中
		$("#area").val(sheng+shi+xian);
	})
})

2.使用mui的提示信息框提供“确认”，“取消”操作：

[AppleScript] 纯文本查看 复制代码

mui.confirm("请问是否要删除该信息吗？","提示框标题",["确定删除","取消删除"],function(choose){
	//回调函数的choose参数就包含了用户点击的选择信息
	if(choose.index == 0){
		//用户点击了确定删除
	}else if(choose.index == 1){
		//用户点击了取消删除
	}
})

.使用代码收起左滑的功能菜单（即左滑地址后出现的修改，删除按钮）：
A.获得需要收起左滑的li：
var li = 获取当前点击的那个li;


B.在操作执行完毕(即修改或删除完毕)之后,将左滑的功能菜单恢复原样：
mui.swipeoutClose(li);

1.使用mui-picker组件的步骤
A.引入picker组件需要的css以及js：poppicker组件依赖mui.picker.js/.css mui.poppicker.js/.css请务必在mui.js/css后中引用,也可统一引用 压缩版本:mui.picker.min.js


B.创建picker组件：var picker = new mui.PopPicker({layer:3});//创建一个3列的picker，即有3个选择内容


C.找到city.js文件，获取需要使用的省市县数据cityData，使用setData方法进行数据设置：
picker.setData(cityData);


D.给需要进行选择的表单元素添加点击事件，当点击该表单元素时，显示picker，并将picker选中的内容显示在表单元素中:
//给文本框添加点击事件，当点击文本框的时候显示picker

[AppleScript] 纯文本查看 复制代码

$("#area").on("tap",function(){
	//show方法用来显示picker，show方法的参数回调则是选择完毕之后调用的回调
	//show方法的参数回调的(selectItems)参数则包含选择的信息
	picker.show(function(selectItems){
		var sheng = selectItems[0].text;//选择的省份信息
		var shengId = selectItems[0].value;//选择省份的值信息

		var shi = selectItems[1].text;//选择的市信息
	
		var xian = selectItems[2].text;//选择的县信息
		//将省市县信息拼接显示在文本框中
		$("#area").val(sheng+shi+xian);
	})
})

2.使用mui的提示信息框提供“确认”，“取消”操作：

[AppleScript] 纯文本查看 复制代码

mui.confirm("请问是否要删除该信息吗？","提示框标题",["确定删除","取消删除"],function(choose){
	//回调函数的choose参数就包含了用户点击的选择信息
	if(choose.index == 0){
		//用户点击了确定删除
	}else if(choose.index == 1){
		//用户点击了取消删除
	}
})

.使用代码收起左滑的功能菜单（即左滑地址后出现的修改，删除按钮）：
A.获得需要收起左滑的li：
var li = 获取当前点击的那个li;


B.在操作执行完毕(即修改或删除完毕)之后,将左滑的功能菜单恢复原样：
mui.swipeoutClose(li);