注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

面包会有的

php asp 高端网站开发 微信网站开发 视频会议软硬件

 
 
 

日志

 
 

bootstrap对话框  

2017-02-14 20:52:00|  分类: Bootstrap |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


<a href="javascript:void(0);" class="btn-sort" data-id="{$vo.id}"  data-sort="{$vo.sort}"  title="排序" data-toggle="modal" data-target="#editPhotoSortModal"><i class="glyphicon glyphicon-sort"></i> {$vo.sort}</a>


<!-- jQuery文件。务必在bootstrap.min.js 之前引入
<script src="__PUBLIC__/script/jquery/jquery.min.js"></script> -->

<!-- 最新的 Bootstrap 核心 JavaScript 文件
<script src="__PUBLIC__/bootstrap/bootstrap.min.js"></script> -->

<!-- Large modal
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#editPersonModal">Large modal</button> -->

<!-------照片排序 模态对话框---------->
<div class="modal fade " id="editPhotoSortModal" draggable='true' style="margin-top:200px;" tabindex='-1'>
    <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
    <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title">图片排序</h4>
</div>
<div class="modal-body" >
                <form>
                    <div class="form-group">
<label class="col-sm-1 control-label" for="item" >排序数</label>
                        <div class="col-md-2">
                            <input type="text" class="form-control" id="sort-new" placeholder="请输入数字">
                        </div>
</div>
                    </form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary " data-dismiss="modal" id="btn-sort-ok">确定</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-------照片排序 模态对话框---------->


<script language="javascript">
$(document).ready(function() {
var cur_photo_id = 0;
//删除相片
$('.del-gallery-item').click(function(){
//取resourceId
var resourceId = $(this).attr("data-resid");//alert($(this).attr("data-resid"));
var mythis = $(this);
//alert(resourceId);
$.get("{:U('Album/delPhoto')}",{ resourceId: resourceId },
function(data){
//alert("Data Loaded: " + data);
var res = $.parseJSON(data);
//alert(data);//
if (res.stat){
//alert(res.msg);//删除成功
$(mythis).parent().parent().parent().remove();
} else {
alert(res.msg);
}
});
});



//排序图标
$('.btn-sort').click(function(){
//取resourceId
cur_photo_id = $(this).attr("data-id");//当前图片记录的id
var old_sort = $(this).attr("data-sort");

$("#sort-new").val(old_sort);//将对话框的排序值设置为当前图片的排序数

});
//排序,确定按钮
$('#btn-sort-ok').click(function(){

var new_sort_value = $("#sort-new").val();
$.get("{:U('Album/albumPhotos')}",{ type:'set_photo_sort',photoId: cur_photo_id,newSort:new_sort_value },
function(data){
//alert("Data Loaded: " + data);
var res = $.parseJSON(data);
//alert(data);//
if (res.stat){
alert(res.msg);//删除成功
window.location.reload();
} else {
alert(res.msg);
}
});
});

});
</script>
  评论这张
 
阅读(376)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017