定位弹出层


删除专用弹出层,常用于列表删除数据
----------------------------------------------
代码
<button class="button red" onclick="deleteDialog(this, 'xxxx')">点我测试</button>

<script>
	// obj为当前点击的元素对象
	function deleteDialog(obj, id) {
		javaex.deleteDialog(
			obj,	// obj是必须的
			{
				content : "确定要删除么",
				callback : "callback('"+id+"')"
			}
		);
	}
	
	function callback(id) {
		alert("回调函数:"+id);
		// 如果你想阻止弹出层关闭,直接 return false; 即可
		//return false;
	}
</script>
参数说明(使用属性默认值时,可以缺省该属性)
序号 属性名 默认值 说明
1 content 弹出层内容
2 tip 删除后不可恢复,请慎重操作 灰色提示
3 confirmName 确定 确定按钮名称
4 cancelName 取消 取消按钮名称
5 callback 点击确定按钮后的回调函数

自定义内容弹出层
---------------------------------------------- ----------------------------------------------
代码
<script>
	// obj为当前点击的元素对象
	function followDialog(obj) {
		// 内容随意,这边只是演示而已
		var html = '';
		html += '<ul class="sub-menu">';
		html += '<li><a href="javascript:;">弹出菜单-1</a></li>';
		html += '<li><a href="javascript:;">弹出菜单-2</a></li>';
		html += '<li><a href="javascript:;">弹出菜单-3</a></li>';
		html += '</ul>';

		javaex.followDialog(
			obj,	// obj是必须的
			{
				position : "down",
				alignment : "left",
				type : "arrow",
				width : "120",
				content : html
			}
		);
	}
</script>
参数说明(使用属性默认值时,可以缺省该属性)
序号 属性名 默认值 说明
1 position right 弹出层位置(down:下;right:右)
2 alignment left 对齐方式。left:左对齐;right:右对齐。 (仅在position为down时才有效)
3 type 其值设置为 arrow 时,会显示箭头 (仅在position为down时才有效)
4 width 300 弹出层的宽度,单位:像素。 禁止加上px后缀
5 content 弹出层内容,html代码。不局限于示例中的菜单写法