qq_22701921
指尖1993
采纳率46.7%
2017-03-14 15:18 阅读 1.0k

询问个问题,前端的问题

 function initTableData(){

            oTable = $('#contentTable').DataTable( {
                dom: 'Bfrtip',

                "buttons": [
                    {text: "全部导出",
                        extend: 'excel',
                        exportOptions: {
                            modifier: {
                                page: 'all'
                            },
                            //format: {
                            //  body: function(data, column, row, node){ // https://datatables.net/extensions/buttons/examples/html5/outputFormat-function.html
                            //      return data + "";
                            //  }
                            // }
                            columns: range(12, 1)
                        },

                    },
                    {text: "导出选中",
                        extend: 'excel',
                        exportOptions: {
                            modifier: {
                                selected: true
                            },
                            columns: range(12, 1)
                        }
                    },  
                    {
                        text: '全选',
                        action: function (e, dt) {
                            oTable.rows().select();
                        }
                    },
                    {
                        text: '全不选',
                        action: function () {
                            oTable.rows().deselect();
                        }
                    }, 
                    {
                        text: '短信',
                        action: function () {
                            //点击短信,弹出窗口
                        }
                    },
                    {
                        text: '区域筛选',
                        action: function () {
                            // alert(132);
                            window.open("${ctx}/map/search");
                        }
                    }
                ]


如上,我点击短信,function中如何写js,才能够弹出一个框,谢谢。

想要弹出的是下面的一段div代码:

 <div class="modal fade" id="message" role="dialog" aria-labelledby="clue-detail" data-toggle="popover">   <div class="modal-dialog" 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" id="myModalLabel">发送短信</h4>       </div>       <div class="modal-body">           <form>                <div style='width:90%;margin:0 auto;'>                  <span>手机号:</span>                     <input class='form-control phone' style='width:85%'  pattern="^1[345678][0-9]{9}$" required />              </div>              <div style='width:90%;margin:0 auto;margin-top: 15px;'>                     <span style='vertical-align: top;'> 内容:</span>                    <textarea class='form-control' id='message-content'maxlength="177" style='width:85%;min-height:100px;' required></textarea>                     <span style='vertical-align: top;'>    </span>                    <span style='color:red;'> *提示:短信内容建议在59字以内,最多不能大于177字</span>                  <br/>                   <span style='vertical-align: top;'>    </span>                    <span style=''> 当前字符数:<span class='text-cont'>0</span></span>               </div>              <div class="modal-footer">                  <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>                  <input type="button" data-dismiss="modal" id='send' class="btn btn-primary" value='发送'>                 </div>        </form>       </div>     </div>   </div> </div>
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

4条回答 默认 最新

  • 已采纳
    franzhong franzhong 2017-03-14 16:34

    alert(123);

    点赞 评论 复制链接分享
  • wojiushiwo945you 毕小宝 2017-03-15 01:12

    你可以用Bootstrap的模态弹出狂,弹出比较好看的窗口。参考:http://www.runoob.com/bootstrap/bootstrap-modal-plugin.html

    点赞 评论 复制链接分享
  • qq_32933131 「已注销」 2017-03-15 06:08

    可以创建一个z-index比较高的阴影层,先隔绝页面,然后再创建一个z-index更高一点的div层,这个层用于写你需要的操作
    总的来说,就是使用z-index来创建不同的层

    点赞 评论 复制链接分享
  • hstyss hstyss 2017-03-16 09:02

    动态弹出那你就写一个弹框方法,js拼接的那种,点击时调用此方法并传入相应的参数

    点赞 评论 复制链接分享

相关推荐