zoukankan      html  css  js  c++  java
  • bootstrap 模态框动态加载数据

    1.页面中添加modal 
    
    <!-- 模态框(Modal) -->
    <div class="modal fade" id="showModal" tabindex="-1" role="dialog" 
       aria-labelledby="myModalLabel" aria-hidden="true">
       <div class="modal-dialog" style="900px;">
          <div class="modal-content">
    //内容动态填充
          </div><!-- /.modal-content -->
    </div><!-- /.modal -->
    </div>
    2.数据格式。页面动态生成a 标签
    <a data-toggle='modal'   data-target='#showModal' onclick=targetto('"  + row.id + "')>"+ row.title+"</a>";
    
    
    3.单击事件
     function targetto(id){
                 $("#showModal").modal({
                     remote: "showAction.action?id="+id
                 });
                 }
    
    
    4.每次隐藏时,清除数据。确保点击时,重新加载
        $("#showModal").on("hidden.bs.modal", function() {
            $(this).removeData("bs.modal");
        });
    5.基于bootstrap3.其他版本,请自己Google,如有雷同,纯属巧合,如有需要,欢迎分享。

    原文:http://blog.csdn.net/shenyingkui/article/details/45693129

  • 相关阅读:
    python函数篇
    字符编码和文件处理
    对话代码
    复习2
    [转]借闪光灯的东风 成就你完美的摄影作品
    色系
    Oracle的一些基本操作
    iebook line flash
    网站收录
    复习1
  • 原文地址:https://www.cnblogs.com/youmingkuang/p/6214610.html
Copyright © 2011-2022 走看看