你的位置:首页 > Java教程

[Java教程]AloneJs.albumBox() —— 相册对话框


一、引用

<link href="http://alonejs.suziyun.com:8080/alonejs.min.css" rel="stylesheet" /><script src="https://code.jquery.com/jquery-3.1.0.min.js"></script><script src="http://alonejs.suziyun.com:8080/alonejs.min.js"></script>

 

二、调用示例

AloneJs.albumBox = function (fnOK) {
iBox.show({
title: "选择图片",
width: 705,
height: 425,
modal: true,
content: function (e) {
var $el = e.$scope; //获取对话框的jQuery对象
AloneJs($el).showLoader(); //显示加载进度条
$.ajax({
url: '/product/album.html',
type: 'GET',
data: {
m: false
},
success: function (data) {
if (data) {
$el.html(data); //将异步请求的html内容显示在对话框中
e.window.adjustPosition(); //重新调整对话框的位置
}
AloneJs($el).closeLoader(); //关闭进度条
}
});
},
buttons: [
{
text: "取消"
},
{
text: "确定",
focus: true,
fn: function (e) {
var $win = e.$scope,
images = []; //定义数组记录选中的图片地址
//获取选中的图片
$win.find('.sl-album-photolist .photo-item-mask').each(function () {
var image = $(this).parent().attr("data-image");
if (image && image.length > 0) {
images.push(image);
}
});
if (images.length > 0) {
//执行回调函数,并将选中的图片数组作为参数传入回调函数
if ($.type(fnOK) == "function") {
fnOK(images);
}
} else {
iBox.msgbox("请选择一张图片!", { autoClose: 1200, modal: true });
return false;
}
}
}
]
});
};

 

 其中,异步请求“/product/album.html”页面的内容即为下图内容:

 




泰国旅游护照签证泰国旅游路线报价费用泰国旅游哪里好玩呢泰国旅游签证怎么办理泰国旅游去哪好冬天去三亚怎么样?三亚冬季好玩的地方? 三亚冬季穷游旅游攻略?三亚冬季适合去哪里玩? 百万葵园一日游团购多少钱?百万葵园团购价格? 周末做一位安静的美男子 探寻津城逼格高的实体书店 让山水为真爱作证 第十一届仙女湖爱情文化旅游节 惠州大亚湾旅游指南?大亚湾小桂漂流在哪里? 去惠州大亚湾旅游哪里好玩?广东惠州大亚湾旅游景点介绍? 去海南东山岭穿什么?东山岭风景区人多吗? 河源漂流团购价格?广东河源漂流哪个好玩? 河源热水漂流门票多少钱?河源和平热水漂流网上预订? 惠州南山漂流好玩吗?惠州惠东南山漂流落差多大? 惠州南山漂流怎么样?惠州惠东南山漂流多长时间? 珠海石景山缆车费用?石景山缆车怎么收费? 珠海石景山公园缆车费?石景山公园缆车多少钱? 珠海石博园电话?石博园门票网上预订多少钱? 珠海石博园景点介绍?石博园有什么景点? MK01-0603QBC Datasheet MK01-0603QBC Datasheet MK01-0603QBC-05 Datasheet MK01-0603QBC-05 Datasheet ML04-1106BC Datasheet ML04-1106BC Datasheet 武汉归元寺 武汉归元寺 武汉归元寺 郑州世纪欢乐园门票多少钱 郑州世纪欢乐园门票多少钱 郑州世纪欢乐园门票多少钱 普吉岛在哪 普吉岛在哪 普吉岛在哪