2015-09-10 61 views
0

Aldeed:表格幾乎是DataTables的一個包裝。我想要做的是在某些節點上顯示父/子關係。 例如,在我的管理面板(ORION Cms)中,我創建了一個頁面 - >第1頁。然後,如果我想爲頁面1創建一個子頁面,我想在頁面1右邊顯示該子頁面。 - >如何顯示Meteor的aldeed上的父/子關係:表格(DataTables)

enter image description here

現在我的數據表顯示這樣的 - >

enter image description here

下面是這個數據表^

orion.pages.tabular = new Tabular.Table({ 
name: 'PagesIndex', 
collection: orion.pages.collection, 
order: [[0, "desc"]], 
columns: [ 
{ data: 'title', title: i18n('pages.schema.title')}, 
{ data: 'url', title: i18n('pages.schema.url'), render: function(val,  type, doc) { return '<a href="' + RouterLayer.pathFor('page', doc) + '">' + RouterLayer.pathFor('page', doc) + '</a>'; } }, 
{ data: 'position', title: 'Order', 
    render: function(val, type, doc) { 
     return '<input data-id="' + doc._id + '" type="number" value="' + val + '" class="position-input">' 
    } 
}, 
{ data: 'actions', title: 'Actions', 
    render: function (val,type,doc){ 
     return '<a href="' + Router.path('pages.update', doc) +'" class="btn waves-effect waves-light light-blue accent-4 user-btn-action">Edit</a>' 
    }, 
    tmpl: Meteor.isClient && Template.actionBtns 
} 
] 
}); 
代碼
+0

你到目前爲止嘗試過什麼?另外,你確定datatables是最好的選擇嗎? –

+0

我與創建aldeed的人交談過:表格式,他告訴我要在DataTables API中進行搜索。然而,我發現的一切似乎都過時了。他們有這個https://www.datatables.net/examples/api/row_details.html 唯一的事情是我不知道如何實現它aldeed:表格。 – ecuanaso

回答

0

我沒有一個確切的答案給你,但我想你想列出一個列表。這只是一個例子:要做到這一點,你需要orion.pages.collection中的子頁面的引用。一個字段,其中包含一個ID數組orion.subPages.collection,你所要做的就是找到這些值,並在渲染「標題」列時將其放入列表中。那將是我的方法。

+0

是的,但我該如何在列上渲染它? aldeed:表格是DataTables的包裝器,所以我的問題是如何修改這個包來顯示父/子樹關係? 我的目標是完成這樣的事情 - > http://jstree.meteor.com/ – ecuanaso

+0

我不會用jstree那麼多的開銷。 1.你可以建立另一個稱爲orion.subPage.collections的集合,該集合需要{_id:1,name:subPageName,parentPageId:someId,link:http // whatever} 2.當你在Tabular中進行渲染時。表你做的orion.subPages.collections.find({parentPageId:someId}),所有這些都低於你的父母頁面標題。 – MichelH

+0

因此,我試着做你告訴我的和頁面數據表上的東西,沒有什麼變化 - > http://s3.postimg.org/nmk6g4qdf/Screen_Shot_2015_09_10_at_9_59_38_PM.png。 這裏的子頁面的要點 - > https://gist.github.com/ecuanaso/e9023912c5b3a43e1764 和頁面 - > https://gist.github.com/ecuanaso/4b85bb9fb33b6a2407a6 – ecuanaso