jBox的使用

来源：互联网发布：淘宝代充为什么便宜编辑：程序博客网时间：2024/05/16 15:12

下载地址：https://github.com/StephanWagner/jBox

Notice

var box = new jBox('Notice', {            overlay: false,            color: "green",            attributes: {                x: 'left',                y: 'top'            },            autoClose: false,            content: "正在拉取分类……" });

autoClose可以是毫秒时间，false表示显示调用box.close()

Modal

页面

<div id="itemContainer" style="display:none;">弹出层内容</div>

productList.editBox = new jBox('Modal', {closeButton: 'title',title: "编辑商品",content: $("#itemContainer"),//页面元素 display:nonedraggable: 'title',//可以拖动width: 750,height: 260,maxWidth: 750,maxheight: 260,closeOnClick: false,ajax: {url: '/admin/getitem',data: {itemid: productId},dataType: "json",type: "POST",reload: 'strict',setContent: false,success: function (response) {if (response && response.item) {productList._initItem(response.item);}else {productList.editBox.close();new jBox('Notice', {overlay: false,color: "black",attributes: {x: 'left',y: 'top'},autoClose: 2000,content: "商品不存在"});}}},onclose: function () {productList.editBox = null;}}).open();

//显示调用open

Confirm

productList.editBox = new jBox('Confirm', {content: $("#itemContainer"),adjustTracker: false,adjustPosition: false,reposition: false,draggable: 'title',width: productList._eidtBoxSize.width,height: productList._eidtBoxSize.height,maxWidth: productList._eidtBoxSize.width,maxheight: productList._eidtBoxSize.height,closeButton: 'title',attributes: {              x: 'left',y: 'top'},position: {x: 'center',y: 'center'},title: '编辑商品',closeOnConfirm:false,cancelButton: '关闭',confirmButton: '保存',confirm: function () {productList._saveProduct();},ajax: {url: '/admin/getitem',data: {itemid:productId},dataType: "json",type:"POST",reload: 'strict',setContent: false,success: function (response) {if (response && response.result) {productList._initProductInfo(response.result);}else {productList.editBox.close();new jBox('Notice', {overlay: false,color: "black",attributes: {x: 'left',y: 'top'},autoClose: 3000,content: "服务器忙，请稍后重试"});}},error: function () {productList.editBox.close();new jBox('Notice', {overlay: false,color: "black",attributes: {x: 'left',y: 'top'},autoClose: 3000,content: "服务器忙，请稍后重试"});}}}).open();//open需要显示调用

阅读全文

0 0