前端js将ztree导出到excel文件中

前端js将ztree导出到excel文件中

月光魔力鸭

2023-12-21 10:09 阅读 196 喜欢 0

近期需求:将一棵树导出到excel中,树是ztree,通过插件Table2excel导出table到excel中。

依赖

获取ztree的节点

var list = treeObj.getNodes();

将ztree的nodes转化为table 数组并获取对应的合并数据

//将ztree导出到excel中
var list = treeObj.getNodes();
//递归循环list,(children)
var arr = [];
var maxRows = 0;
function getDeepData(children,level){
    for(var i=0;i<children.length;i++){
        var obj = children[i];
        var name = obj.name;
        var children2 = obj.children;
        if(!children2 || children2.length == 0){//最下一层级
            arr[maxRows] = arr[maxRows]||[];
            arr[maxRows][level] = {name:name,rowspan:1};
            maxRows ++;
        }else{
            arr[maxRows] = arr[maxRows]||[];
            arr[maxRows][level] = {name:name};
            var last = maxRows;
            getDeepData(children2,level+1);
            arr[last][level].rowspan = maxRows - last;
        }
    }
}
getDeepData(list,0);

构建table html

var allHtml = '';
for(var i=0;i<arr.length;i++){
    var row = arr[i];
    var html = '<tr>';
    for(var j=0;j<row.length;j++){
        html += '<td rowspan="'+(null == row[j]||undefined == row[j] ? 1 :(row[j].rowspan||1))+'" style="'+(null == row[j]||undefined == row[j]? 'display:none;' : '')+'">'+(null == row[j]||undefined == row[j]  ? '' : row[j].name)+'</td>';
    }
    html += '</tr>';
    allHtml += html;

}
$('#table').append(allHtml);

导出excel

new Table2Excel().export($('#table'),"文件名");

table2excel : https://github.com/rusty1s/table2excel

转载请注明出处: https://chrunlee.cn/article/export-ztree-to-excel.html


感谢支持!

赞赏支持
提交评论
评论信息 (请文明评论)
暂无评论,快来快来写想法...
推荐
业务中有一段涉及到处理canvas的图片然后将内容进行上传,后测试发现在IE中不好使哎...
在我们通过canvs画图的时候经常会用到圆,且需要计算出圆上某点的坐标,由于我数学没学好,总是记不得怎么获取,这里记录下,加深记忆
整理下关于axios的使用,一些常用的调用、处理以及其他。
今天小程序上传体验版本后莫名无法获取用户数据,但是本地开发环境是正常的,通过开发工具的真机进行测试也正常,但是通过开发工具的预览又不正常,初步来看代码是没有问题的,可能是哪里设置有问题。
Question from codewar,about all of array combinations.
this 是 JavaScript 的一大难点,多年经验的前端程序员都可能对这方面模糊。this 在大量的函数、类库中都有使用,理清显式绑定和隐式绑定有助于理解或书写这类函数。
关于web打印,需要对页面内容进行页面样式设置,呈现出分页的样子,同时对于题目中的图片或表格尽量不分到两个页面中,因此实现了一个jquery的web打印插件,当然,这个插件目前只适用于部分情况,仅供借鉴
开发的项目中有使用到微信开发,由于之前偶尔才用一次,也是用的别人的地址和测试号,这里记录下自己的操作。防止后续遗忘。