改造layui自帶的導出功能,添加導出當前選中數據到excel功能


前台代碼

<div class="layui-fluid">

    <div class="layui-form" lay-filter="LAY-table-1" lay-id="test">
        <div class="layui-table-box" id="table-box">
            <table lay-filter="parse-table-demo">
                <thead>
                  <tr>
                    <th lay-data="{type:'checkbox', fixed:'left'}"><input type="checkbox"></th>
                    <th lay-data="{field:'date_num', width:80}">編號</th>
                    <th lay-data="{field:'user_name', minWidth:140}">姓名</th>
                    <th lay-data="{field:'birthday', minWidth:140}">出生日期</th>
                  </tr> 
                </thead>
                <tbody>
                  {foreach $data as $key => $item}
                  <tr>
                    <td><input type="checkbox"></td>
                    <td>{$key + 1}</td>
                    <td>{notempty name="$item.id"}{$item.user_name}{/notempty}</td>
                    <td>{notempty name="$item.id"}{$item.birthday}{/notempty}</td>
                    <td>{notempty name="$item.id"}{$item.nationality}{/notempty}</td>
                  </tr>
                  {/foreach}
                </tbody>
              </table>
        </div>
    </div>
</div>

js 初始化

<script>
    layui.use(['table','form'], function(){
      var table = layui.table,
          form = layui.form
      //加載數據
      loadIndex = layer.msg('讀取中,請稍候...', {icon: 16,time:1000});
      //展示出來
      setTimeout(function(){
        $("#table-box").show();
      },500)
      
      table.init('parse-table-demo', {
            limit:"{$data | count}"
            ,title:"人員名單"
            ,toolbar: '#toolbarDemo' //開啟頭部工具欄,並為其綁定左側模板
            ,defaultToolbar: ['filter', 'exports', 'print', { //自定義頭部工具欄右側圖標。如無需自定義,去除該參數即可
            title: '提示'
            ,layEvent: 'LAYTABLE_TIPS'
            ,icon: 'layui-icon-tips'
            }]
        }); 
    });
</script>

修改導出配置文件



免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM