当前位置: 代码迷 >> 综合 >> treegrid
  详细解决方案

treegrid

热度:96   发布时间:2023-12-17 11:39:31.0

<table id="treegrid" class="easyui-treegrid" style="height: 65%">
$('#treegrid').treegrid({
                title:'&nbsp;项目管理&nbsp;>>&nbsp;项目管理',
                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实体的字段