树和数据表mapiing与多视图

时间:2018-03-25 21:38:10

标签: javascript jquery webix

我是webix的新手,我正在尝试解决文件管理器组件,所以我有一个代表文件结构的树 tree structure

Tree function here

  var docTree ={
  view:"tree",
 // editable:true,
  editor:"text",
   select:true,
   css:"doc_tree",
   id:"docTree",
   width:300,
   height:500,
   data:pdf_data,
   drag:true,
   type:"lineTree",
   };

  data-table  function here

  var dataTable ={

  view: "datatable",
  id:"dataTable",
   columns: [
   { id: "Name", header: "...", width: 2}, // 1st col displays item 'IDs'
   { id: "Date" }, // 2nd col displays item 'titles'
   { id: "Type" },  // 3rd col displays item 'values'
   { id: "size" } 
     ]

     };

所以我希望文件夹文件在每次点击树上的数据表中显示,就像浏览器一样,我相信它与多视图一样。

1 个答案:

答案 0 :(得分:0)

您可以将选择处理程序附加到树窗口小部件,并从中调用数据加载命令以使用数据填充网格

docTree.attachEvent("onAfterSelect", function(id){
  dataTable.clearAll();
  dataTable.load("/files/"+id);
})