從Ajax和自動更新jQuery的負載表

我一直在谷歌搜索這個問題的解決方案一段時間，但我要麼找錯的東西，要麼我找不到完成的東西我的需求。從Ajax和自動更新jQuery的負載表

我需要一個jQuery表插件或相應的功能，可以完成以下內容：通過AJAX

自動分頁

列排序

自動更新超時

負載表內容（每隔一段時間，與AJAX進行交談，並僅更新已更改或需要添加的行）< - 這是最重要的。

我認爲它的實施將類似於：

<table class="autoTable"> 
    <thead> 
     <tr> 
      <th>Custom Row Name 1</th> 
      <th>Custom Row Name 2</th> 
      <th>Custom Row Name 3</th> 
      <th>Custom Row Name 4</th> 
     </tr> 
    </thead> 
    <tbody> 
    </tbody> 
</table>

以及類似的東西：

$('.autoTable').each(function() { 
    $(this).autoTable({ 
     timeout: 500 
     url:  "ajax/test.json" 
    }); 
});

一個使用JSON值，如：

[ 
    { 
     "row1": "Lorem", 
     "row2": "Ipsum", 
     "row3": "Dolor", 
     "row4": "Sit" 
    }, 
    { 
     "row1": "Lorem", 
     "row2": "Ipsum", 
     "row3": "Dolor", 
     "row4": "Sit" 
    }, 
    { 
     "row1": "Lorem", 
     "row2": "Ipsum", 
     "row3": "Dolor", 
     "row4": "Sit" 
    }, 
    { 
     "row1": "Lorem", 
     "row2": "Ipsum", 
     "row3": "Dolor", 
     "row4": "Sit" 
    }, 
    { 
     "row1": "Lorem", 
     "row2": "Ipsum", 
     "row3": "Dolor", 
     "row4": "Sit" 
    }, 
    { 
     "row1": "Lorem", 
     "row2": "Ipsum", 
     "row3": "Dolor", 
     "row4": "Sit" 
    }, 
    { 
     "row1": "Lorem", 
     "row2": "Ipsum", 
     "row3": "Dolor", 
     "row4": "Sit" 
    } 

]

希望你知道的東西。

來源

2012-11-08 syntaqx

你應該看看這裏，在jQuery的最佳數據網格，我知道：http://www.trirand.com/blog/jqgrid/jqgrid.html

來源

2012-11-08 18:59:15

我沒有找到關於最後一項要求的文檔中的任何內容，你有沒有看到如何做到這一點？ – syntaqx

您應該爲自動更新超時實施您自己的邏輯。但肯定它可能使用jqgrid。我已經爲客戶做了類似的事情。 –

@syntaqx你最後的要求是一個很高的要求，你只需要定製開發它。沒有辦法。 – Coby

有是DataTables，從而可以實現你的前三個要求，但我很懷疑有一個現成的解決方案爲您最後的要求。雖然非常複雜，但我（親自）發現DataTables的定製開發文檔雜亂無章，難以理解。

來源

2012-11-08 19:01:04 Coby

我看到了DataTables，但最後的要求基本上是最重要的：P。混亂和（在我的時間使用它）混亂的結構，似乎有一個大關閉。 – syntaqx

從Ajax和自動更新jQuery的負載表

回答

相關問題