treegrid

最新推荐文章于 2021-04-12 18:48:12 发布

Orange.P

最新推荐文章于 2021-04-12 18:48:12 发布

阅读量595

点赞数

CC 4.0 BY-SA版权

分类专栏：页面 easyui 文章标签： treegrid

本文链接：https://blog.youkuaiyun.com/qq_38384102/article/details/84794072

页面同时被 2 个专栏收录

12 篇文章

订阅专栏

easyui

11 篇文章

订阅专栏

<table id="treegrid" class="easyui-treegrid" style="height: 65%">
$('#treegrid').treegrid({
                title:' 项目管理 >> 项目管理',
                iconCls:'icon-gzt-local',
                url : '${pageContext.request.contextPath}/project/selProjectTree',
                idField : 'projectId',
                treeField: 'projectName',
                checkOnSelect : false,
                selectOnCheck : false,
                nowrap : false,
                rownumbers:true,
                singleSelect:true,
                //pagination:true,
                showFooter: true,
                frozenColumns:[[
                    {
                        field : 'projectName',
                        title : '项目名称',
                        width : 200
                    }
                ]],
                columns : [ [
                    {
                        field : 'projectNo',
                        title : '项目编号',
                        width : 75
            },{
                        field : 'status',
                        title : '项目状态',
                        width : 70,
                        formatter:function(value,data,index){
                            var st = '';
                            if('0' == value){
                                st = '正常';
                            }else if('1' == value){
                                st = '关闭';
                            }
                            return st;
                        }
                    },{
                        field : 'action',
                        title : '操作',
                        width : 100,
                        formatter:function(value,data,index){
                            return opFormatter(value,data,index);
                        }
            } ] ],
       toolbar : '#toolbar',
                loadFilter: function (data){
                    for(var i = 0;i<data.total;i++){
                        if(data.rows[i].projectReserve4 != null && data.rows[i].projectReserve4 != "" ){
                            data.rows[i]._parentId = data.rows[i].projectReserve4;
                        }else{
                            data.rows[i].state = 'closed';
                        }
                    }
                    return data;
                }

});

1. 组织上下级关系：

loadFilter: function (data){
    for(var i = 0;i<data.total;i++){
        if(data.rows[i].projectUplevel != null && data.rows[i].projectUplevel != "" ){
            data.rows[i]._parentId = data.rows[i].projectUplevel;
        }else{
            data.rows[i].state = 'closed';
        }
    }
    return data;
}

2. 获取一行数据

方式一：

var row = $('#treegrid').treegrid('getSelected');
if(null != row ){
    $('#crtprojectReserve4').textbox('setValue',row.projectId);
    $('#crtprojectReserve4').textbox('setText',row.projectName);
}

a.text与value设置不同的值，一定要先赋值 value后赋值text，否则全为value值；
b.若只setValue，则getValue 与 getText获取的值全为value值。

方式二：

var row = $('#treegrid').treegrid('find', '25c6a00939644d7e8f1ce1a4a884d68c');
alert('row-projectName: '+ row.projectName);

方式三：

function opFormatter(value, data, index) {
    var row = data;
    var projectId = row.projectId;

    var right = '';
    if(<%=mod%> == 1){
        right += "<a href='javascript:void(0)'  onclick='uptFun(\""+ projectId + "\")'>修改</a> &nbsp;";
        if('0' == row.status){
            var status = 1;
            right += "<a href='javascript:void(0)'  onclick='uptStatusFun(\""+ projectId + "\"," + status +")'>关闭</a> &nbsp;";

        }else{
            var status = 0;
            right += "<a href='javascript:void(0)'  onclick='uptStatusFun(\""+ projectId + "\"," + status +")'>启用</a> &nbsp;";
        }
    }
    if(<%=del%> == 1){
        right += "<a href='javascript:void(0)'  onclick='delFun(\""+ projectId + "\")'>删除</a> &nbsp;";
    }

    return right;
};

方式一和方式二，row的结构：

children：array[17]
选中的object实体的字段