$("#treedg").treegrid({
idField:'ID',
treeField:'tree_field',
nowrap:false,
fitColumns:(totalWidth>$(window).width()?false:true),
width:$(window).width(),
height:$(window).height(),
rowStyler:rowStyler,
onBeforeExpand:onBeforeExpand,
onLoadSuccess: function(row,data){
resetColor();
/**easyui:datagrid,treegrid 当列数过大且未加载数据的情况下,超长列不显示,且无滚动条 ,
* 以下为简易解决方案
* */
if(data.length==0){
$(this).treegrid('append',{parent:"",data:[{KPI_ID:"tempRow",COLOR_NUM:-1}]});//一定要给COLOR_NUM,否则行上会给默认颜色
$("tr[datagrid-row-index='0']").css({"visibility":"hidden"});
}
else{
$("tr[datagrid-row-index='0']").remove();
}
/**初始加载,默认全收缩*/
loadCount++;
if(isColCollapseReport>0 && loadCount==1){
setTimeout("collapseAllFields();",500);//等待页面图标加载完毕
}
}
});
function onBeforeExpand(row){
onExpandRow(reportName,true,row);//是否是部门表
}
function onExpandRow(report,isDept,row){
//已经展开过,无需重新加载
var childrens=$("#treedg").treegrid("getChildren",row["KPI_ID"]);
if(childrens!=null&&childrens.length>0){
return;
}
//从未展开过,去加载
//查询条件获取
var year=$("#comboYear").combotree("getValue");
var period=$("#comPeriod").combotree("getValue");
var param="periodYear="+year+"&periodType="+period;
var params={
report:report,
periodYear:year,
periodType:period,
departId:null,
parentCode:row["KPI_ID"]
}
var url="";
if(isDept){
var deptId=$("#comboDepart").combotree("getValue")?$("#comboDepart").combotree("getValue"):"";
if(deptId==null||deptId==""){
$.messager.alert("提示信息","请选择部门!","info");
return;
}
params.departId=deptId;
url='/report/queryDataWithDept.action';
}
else{
url='/report/queryDataWithoutDept.action';
}
$.ajax({
url:contextPath+url,
type:'post',
contentType:'application/json;charset=UTF-8',
dataType:"json",
data:JSON.stringify(params),
success:function(res){
//重新附加孩子节点
$('#treedg').treegrid('collapse',row["KPI_ID"]).treegrid('append',{
parent: row["KPI_ID"],
data:res.dataMap.data
}).treegrid('expand',row["KPI_ID"]);
}
})
}
easyui treegrid 懒加载
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.