JS导出

作者: 蜗牛呀呀呀呀呀 | 来源:发表于2019-05-02 17:27 被阅读0次
    class='noExl'
    
    首先下载jquery.table2excel.min.js这个文件
    
    看看网站是否引用了jQuery,没有的话就引用,如果开头是{templete ‘common/herder’}就是默认引用了
    
    加个导出的按钮
    
    <a class='btn btn-success' id='dlink' href=''  type='submit' onclick='daochu()'>导出</a>
    
    列表头加入以下代码
    
    <table class='table tableExcel' id='tableExcel'>
    
    <th class='noExl'><input type='checkbox' name='check' id='check'></th>
    
    如下
    
    <table class='table tableExcel' id='tableExcel'>
    
     <thead>
    
         <tr>
    
    <th class='noExl'><input type='checkbox' name='check' id='check'></th>
    
        
    
    <th>MID</th>
    
    <th>真实姓名</th>
    
    <th>身份证号</th>
    
         </tr>
    
       </thead>
    
    
    
    3.循环列表页加入如下代码
    
    <tbody id='listtr'>
    
    <tr class='noExl listtr{$key}'>
    
    <td class='noExl'><input type='checkbox' class='zicheck' id='zicheck{$key}'></td>
    
    
    
    4.JS加入如下代码
    
    <script>
    
    
    function daochu(){
    
    
    
    var listlength=document.getElementById('listtr').getElementsByTagName('tr').length;
    
    
    
    for (var i=0;i<listlength;i++) { 
    
    var checkname='#zicheck'+i;
    
    var noExlid='.listtr'+i;
    
    //alert(checkname);
    
    if ($(checkname).prop('checked')==true) {
    
    $(noExlid).removeClass('noExl');
    
    } 
    
    
    
    }
    
    //点击id为excelbtn的按钮
    
    //.tableexcel是需要导出table的class
    
    $('.tableExcel').table2excel({
    
    //需要导出的列
    
    columns:'1,2,3',
    
    // 不被导出的表格行的CSS class类
    
    exclude: '.noExl',
    
    // 导出的Excel文档的名称
    
    name: '成员信息导出表.xlsx',
    
    // Excel文件的名称
    
    filename: '成员信息导出表.xlsx',
    
                            exclude_img: false,
                            //是否排除导出超链接
                            exclude_links: false,
                            //是否排除导出输入框中的内容
                            exclude_inputs: false
    
    });
    
    
    
    //exportExcel('tableExcel','','成员信息表.xlsx')
    
    }
    
    </script>
    
    
    
    <script>
    
    $('#check').click(function(){
    
    if($('.zicheck').prop('checked')==true){
    
    $('.zicheck').prop('checked',false);
    
    }else{
    
    $('.zicheck').prop('checked',true);
    
    }
    
    
    
    
    
    
    });
    
    
    
    </script>
    

    相关文章

      网友评论

          本文标题:JS导出

          本文链接:https://www.haomeiwen.com/subject/tzoaeqtx.html