lazyTreeGrid 应用

最新推荐文章于 2022-07-01 16:26:01 发布

jiudihanbing

最新推荐文章于 2022-07-01 16:26:01 发布

阅读量874

点赞数

分类专栏： dojo

本文链接：https://blog.csdn.net/jiudihanbing/article/details/8244845

版权

dojo 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

项目中使用LazyTreeGrid终于有了突破性的进展。把这段的核心的代码分享一下

写在页面上的treeModel和structure在操作起来会有很多的不方便。

//设置显示标题，该方法要在加载DG.mixedWorkItemslayout之前加载。

要设置treeModel，要不然出现的树没有展开的标记
DG.treeModel1 = new dijit.tree.ForestStoreModel({store: new dojo.data.ItemFileWriteStore( {
data : {identifier: 'subject',label: 'subject',items:[]
}

}), childrenAttrs: ['children']});

//添加isMore参数为了区分是否为点击“更多”加载的数据
var requestJson = null;
DG.doRequest = function (action, itemType,isMore) {
console.log("DG.doRequest:", action, itemType);
if (action != "") {
  var grid = dijit.byId("gridDiv");
  var grid2 = dijit.byId("gridDiv2");
  var grid3 = dijit.byId("gridDiv3");
  // Clear previous results.
  grid.setStore(null);
  grid.showMessage(res.loading);
  grid2.setStore(null);
  grid2.showMessage(res.loading);
  grid3.setStore(null);
  grid3.showMessage(res.loading);

  if(isMore == undefined){
   if(moreIndex !=undefined){
     changeClassNameNone(moreIndex);
     moreIndex = undefined;
   }

  }

  if(action =="getMixedWorkList.do"){

   requestJson = {
     url : action,
     handleAs : "json",
     preventCache : false,
     load : function(data) {
         dojo.byId("currentAction").value = action;
      var store = new dojo.data.ItemFileWriteStore( {
       data : data[0]
      });
      //grid3.setStore(store);
      var treeModel = new dijit.tree.ForestStoreModel({store: store, childrenAttrs: ['children']});
      grid3.setModel(treeModel);
      //在页面初始化，展开所有的树
      expandAll();
      //改变首行颜色
      changeCell(grid3);
      NavTree.refreshTaskCount();
     }
    };
     ECIS.xhrGet(requestJson);

  }else{
   requestJson = {
   url : action,
   handleAs : "json",
   preventCache : false,
   load : function(data) {
       dojo.byId("currentAction").value = action;
    var store = new dojo.data.ItemFileWriteStore( {
     data : {
      items : data
     }
    });
    if(data != null) {
     // 修改分页，hzy
     var pageData = data.length >1 ? data[data.length - 2] : 1;
           data.splice(data.length - 2,1);
           var totalPage = data.splice(data.length - 1,1);
           DG.showPagination(pageData,totalPage);
    }
    grid.setStore(store);
    grid2.selection.clear();
    grid2.setStore(store);

    if (grid.rowCount == 0 || grid2.rowCount == 0) {
     grid.showMessage(res.nodata);
     grid2.showMessage(res.nodata);
      grid3.showMessage(res.nodata);
    }

    if(dojo.byId("perPageSize") != null) {
     dojo.byId("perPageSize").value = dojo.byId("currentPerPageSize").value;
    }
    NavTree.refreshTaskCount();
   }
  };
   ECIS.xhrGet(requestJson);
  }


}
};

//改变grid首行颜色

function changeCell(grid)
{
//表格行样式修改
dojo.connect(grid, "onStyleRow", function(row) {
  var table= row.node.children[0];//获得行所在的table
  try{

   if(table.rows[0].cells.length == 2){
    var everyrow = table.rows[0];
    var value=everyrow.cells[1].innerHTML;
    var shortValue = value.substring(0,value.indexOf("&nbsp"));
    for(var i = 0; i <2 ; i =i+1)
    {
     if(shortValue =="个人待办"|| shortValue =="公办待办"||shortValue =="受托待办"||shortValue =="个人待阅" ||shortValue =="公办待阅")
     {

//设置首行的css样式
      everyrow.cells[i].className = "privateTaskCss";
     }
    }
   }
  }catch(e){

  }
});

//渲染页面

grid.render();
}

最终效果：

jiudihanbing

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
lazyTreeGrid 应用

项目中使用LazyTreeGrid终于有了突破性的进展。把这段的核心的代码分享一下 treeModel="DG.treeModel1" expendoCell ="0" colSpans="{0: [{start: 1,end: 20,primary: 12}]}" structure="DG.mixedWorkItemslayout" rowSelector="0px" plu
复制链接

扫一扫

专栏目录