JS导出

2019-05-02  本文已影响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>
上一篇 下一篇

猜你喜欢

热点阅读