2011-08-25 24 views
0

jQuery的數據表的插件,我們如何重視JSON到支持數據表,表時JQuery的數據表插件 - 將JSON到DataTable一些條件

  1. 有在啓用數據表,表中的一些列不屬於在JSON
  2. 有一些列是在JSON,但我們不希望顯示它在啓用數據表,表

舉例#1

分表列

person_id, first_name, last_name, age 

JSON

{{'person_id' : 1, 'first_name' : 'John', 'last_name' : 'Doe'}, ....} 

實施例#2

表列

product_id, manufacturer_name 

JSON

{{'product_id' : 1, 'manufacturer_name' : 'Product X', 'manufacturer_code' : '144ctow4'}, ....} 

回答

0

DataTables只接受<table>內容或javascript數組。 JSON必須實例化並從一個對象轉換爲適當的數組。如果您有兩個數據源,則必須在使用適當的信息實例化DataTable之前合併它們。 1)如果您爲「在啓用數據表的表中有一些不在JSON中的列」提供了一些上下文,那麼我可以推薦一些javascript來對新數據進行網格劃分。

2)你是否已經發布了代表你的「JSON」的字符串,如果是這樣的話,我認爲它不是格式良好的。以逗號分隔的一組子對象將是一個數組,例如: [{'person_id':1,'first_name':'John','last_name':'Doe'},....]

編輯:關於在評論中添加的信息,要處理刪除等CRUD操作,您可以使用DataTables blog上概述的技術。

+0

1)這些列是那些與數據無關,但與操作相關的列。例如,假設我們有一列有刪除按鈕的每一行。該列與數據無關,但仍然存在 2)只是表示形式,不是實際的JSON – arvinsim

+0

然後,您有幾個選項,您可以將任何想要的數據添加到準備提供給DataTables的數據中無論是在DOM上還是在數組中),或者您可以使用DataTables提供的某個回調掛鉤(如fnRowCallback或fnDrawCallback)稍後添加它。對於諸如「刪除」按鈕之類的東西,第二種選擇會更有意義。與往常一樣,張貼更多的代碼,甚至更好,提供一個鏈接;) – Sinetheta