easyui树表格制作

快来打我* 2022-05-21 03:37 274阅读 0赞

var newdata_ = [data.grid];
       findData(newdata_);
        treegrid({
    id:"#"+$("#tabTitle .layui-this").text()+"_body",
    columns:(function(){
    var _data=[[
    {field:"nodeName",title:"节点名称",halign:"center"}  
    ]];
    /* _data[0].push({
    field:"total",
    title:"总计",
    align:"center",
    width:100
    }); */
    for(var i in newdata_[0].eq){
    _data[0].push({
    field:i,
    title:i,
    align:"center",
    width:100
    });
    }
    return _data;
    })()
    });
     $("#"+$("#tabTitle .layui-this").text()+"_body").treegrid("loadData",newdata_);

function findData(data){
    
    for(var j=0;j<data.length;j++){
    for(var i in data[j].eq){
    data[j][i]=data[j].eq[i];
    if(data[j].children != undefined){
    findData(data[j].children);
    }
    }
    }
    }
    function treegrid(obj){
    $(obj.id).treegrid({
        idField:"nodeId",
    treeField:"nodeName",
    width:"100%",
    height:"100%",
    columns:obj.columns,
          /* fitColumns : true, */
    rownumbers : true,
        data:obj.data,
    lines :true,
    scrollbarSize :10,
    onLoadSuccess:function(data) {
    newScroll(".datagrid-view2 .datagrid-body","#dddddd",false,6);
                                $(".datagrid-view2 .datagrid-body").css("overflow","hidden");//隐藏默认的滚动条
    $("#boxContent .tree-icon.tree-folder").css("display","none");//去掉树图标
    },
    onExpand:function(){//打开树网格触发事件
    $("#ascrail2000").css("width","8px");
    $(".datagrid-view2 .datagrid-body").css("overflow","hidden");
    },
    onCollapse:function(){//关闭树网格触发事件
    $("#ascrail2000").css("width","8px");
    $(".datagrid-view2 .datagrid-body").css("overflow","hidden");
    },
    });
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，274人围观）

还没有评论，来说两句吧...

相关阅读

相关 easyui 表格使用简述

周公司临时给我安排了一个活，开发基于easyui前端框架和java后端的项目的部分功能，对easyui有了初步的了解，特在此分享一下。 ----------------...

红太狼/ 2024年04月17日 22:25/ 0 赞/ 73 阅读

相关 div制作表格，增减表格

div制作表格，增减表格 <!DOCTYPE html> <html> <head> <meta charset="utf-8" />

约定不等于承诺〃/ 2022年12月27日 11:02/ 0 赞/ 231 阅读

相关 div制作表格

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>

╰半橙微兮°/ 2022年06月10日 13:56/ 0 赞/ 279 阅读

相关使用easyUI数据表格生成子表格

"自去自来堂前燕,相亲相近水中鸥" 使用easyUI时,难免会遇到各种刁难的问题.比如在数据表格中生成子表格.像这种效果. ![效果图][SouthEast] 那么这

川长思鸟来/ 2022年06月06日 00:50/ 0 赞/ 604 阅读

相关 EasyUI树

1.前台部分 //checkbox:true显示多选框 <ul id="tt" data-options="checkbox:true,formatter

旧城等待，/ 2022年05月26日 03:27/ 0 赞/ 327 阅读

相关 easyui树表格制作

var newdata_ = [data.grid]; findData(newdata_); treegrid({ id:""+

快来打我*/ 2022年05月21日 03:37/ 0 赞/ 275 阅读

相关 EasyUI Tree 树

一、EasyUI Tree 树：[http://www.jeasyui.net/plugins/185.html][http_www.jeasyui.net_plugi

分手后的思念是犯贱/ 2022年05月09日 11:24/ 0 赞/ 347 阅读

相关 jQuery EasyUI API 中文文档 - 表格树（Treegrid）

(学习留存，如有侵权，请告知，立刻删除！) TreeGrid 由 $.fn.datagrid.defaults扩展而来。 default由$.fn.treegri

柔光的暖阳◎/ 2022年03月21日 02:36/ 0 赞/ 403 阅读

相关 easyui相关表格操作

1获取选择行 var rows = $('\tt').datagrid('getSelected'); 2获取所在行function getRowIndex(target)

阳光穿透心脏的1/2处/ 2022年01月10日 08:39/ 0 赞/ 352 阅读

相关 easyui表格后台排序

引用 jquery-easyui-1.7.0/themes/gray/easyui.css jquery-easyui-1.7.0/jquery.easyui

亦凉/ 2021年09月28日 14:20/ 0 赞/ 414 阅读