zoukankan      html  css  js  c++  java
  • boot模态框

    <div class="modal fade bs-example-modal-lg" id="jsonModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
          <div class="modal-dialog" role="document" style="">
               
                <div class="modal-content col-md-12" style="1000px !important;margin:50%;transform:translate(-50%,-50%);">
                      <div class="modal-header" style="padding-left:0;padding-right:0;">
                           <button type="button" class="close" data-dismiss="modal" aria-label="Close" style=""><span aria-hidden="true">&times;</span></button>
                           <h4 class="modal-title notice_title" id="myModalLabel" style="font-family:'微软雅黑';font-size:16px;color:#383838;">JSON查看</h4>
                            
                      </div>
                      <div class="modal-body col-md-12" style="padding-left:0;padding-right:0;max-height:800px;overflow-y:scroll;"> 
                            <div style="margin:10px;">
                                  <button id="collapse-btn">收起</button>
                              <button id="expand-btn">展开</button>
                              
                            </div>
                               <div id="jsonContent"></div>
                      </div>
                      
                </div>
             
          </div>
                       
    </div>
        <div class="modal fade"  id="deal_process_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
              <div class="modal-dialog" role="document" style="">
                   
                    <div class="modal-content col-md-12" style="500px;margin:50%;transform:translate(-50%,-25%);">
                          <div class="modal-header" style="padding-left:0;padding-right:0;">
                               <button type="button" class="close" data-dismiss="modal" aria-label="Close" style=""><span aria-hidden="true">&times;</span></button>
                               <h4 class="modal-title notice_title" id="myModalLabel" style="font-family:'微软雅黑';font-size:16px;color:#383838;">处理进度</h4>
                          </div>
                          <div class="modal-body col-md-12" style="padding-left:0;padding-right:0;text-align:center;"> 
                                <textarea id="process_content" placeholder="请输入处理进度内容"></textarea>
                          </div>
                          <div class="modal-footer">
                              <button type="button" class="btn deal_process_sure" >提交</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                            
                          </div>
                    </div>
                 
              </div>
                           
        </div>

    $('#deal_process_modal').modal({backdrop: 'static'});

    $('#deal_process_modal').modal('hide');

  • 相关阅读:
    asp.net 2.0 treeview控件“简单”操纵
    http://www.cnblogs.com/Terrylee/archive/2006/11/12/aspnet_ajax_quickstarts.html(ajax入门 )
    JS实面treeview中选中父节点,子节点也选中
    系统地学习ASP.NET AJAX(5) 客户端脚本编程(Sys.UI命名空间下的类和快捷方法)(转)
    图例显示投标数据
    怎么用正则表达式判断数字(包括正,负,小数。。)
    treeview常见用法
    TreeView小结
    sql split分隔
    WCF 漫谈
  • 原文地址:https://www.cnblogs.com/zjpzjp/p/7575541.html
Copyright © 2011-2022 走看看