2010-11-08 37 views
1

是否有可能在Jquery datatable中具有鑽取工具?在Jquery datatable中鑽取

例如,我想顯示如下的輸出。

組織機構代碼

+ ORG1 O1

上ORG1的擴大,

應該顯示,

-Org1

+ Department1 D1

當我們擴大Department1,

它應該顯示

+ EmployeeName1 EMP1

這樣....

任何其他解決方案除了Jquery的數據表等的GridView也將被推薦的。

回答

0

嗯,我認爲這個要求不是很好。很難實施。儘量不要以這種方式設計你的用戶界面。如果你堅持,我的建議是:在「div」中進行摺疊/展開操作,但不要對「tr」元素之一進行摺疊/展開操作。 (我的意思是,塌陷/ expland操作不會改變表格的行號)

如:

崩潰狀態:

 
row1: +Org1 
row2: +Org2 
row3: +Org3 

擴張狀態:

 
row1: -Org1 
      +Department1 
row2: +Org2 
      -Department2 
      +Employee2.1 
      +Employee2.2 
row3: +Org3 

進一步提示您應該知道,dataTable給了我們3個最重要的特性:

  • 分頁
  • 過濾
  • 訂購

如果你崩潰&展開排,您將獲得有關的問題:如何重新PAGINATE,如何重新繪製表格,以及如何重新安排桌子的佈局? 「據我所知,」dataTable「很容易獲得開始,但很難獲得更多,尤其是當你想添加一些你自己的新功能時,你必須修改它的源代碼(15分鐘後,因爲,根據dataTable的,你會放棄......)

  1. 你的表的結構應該是非常清晰而簡單,你不768,16倒塌任何行或列。
  2. 在目標表中,沒有複雜的javascript邏輯,尤其是那些可能會改變你的表格佈局的邏輯。

最後,也許這個頁面會給你一個想法,你想要什麼:http://jquery-datatables-row-grouping.googlecode.com/svn/trunk/collapsibleGroups.html