2011-06-15 46 views
2

我有當前使用ajax加載數據的精彩jquery數據表。 代碼與我從中找到的示例幾乎相同:http://www.datatables.net/release-datatables/examples/server_side/pipeline.html強制JQuery Datatable在選擇日期範圍後通過AJAX加載數據

我發現這是最好的示例,因爲它將分頁,排序以及搜索框放入ajax請求中。搜索框允許您鍵入關鍵詞,並觸發ajax函數,該函數將搜索值作爲$ _GET var添加到服務器腳本中。

這是我的桌子與表工具等加載的小預覽。 http://img828.imageshack.us/img828/9778/previewxjh.png

正如你可以看到這裏主要關注的是我添加的燈絲組日期範圍插件。我現在已經完成了這個工作,並且對重複事件觸發問題等有一個失敗保險,它準備好了,只需要包括在ajax管道中 - 這是我在最後一天左右被卡住的地方。

fnDataTablesPipeline似乎只是一個臨時的,並沒有參考搜索框,所以我不知道搜索框是如何工作的,我不確定這是否是正確的地方去包括我的日期範圍值(我試過的所有東西只會導致我陷入死衚衕)

我想爲日期範圍過濾器使用我的onChange事件,並將其應用與搜索框的工作方式完全相同。當值改變時,只需將其作爲get變量傳遞,以便我的php腳本可以在那裏處理它。我有關於分頁的問題,我可能需要在日期改變後重新回到第一頁(不知道我將如何處理這個問題,但那是下一步)

I需要幫助,告訴數據表從ajax源刷新,並將日期範圍作爲get參數包含到服務器端腳本中(例如搜索框值發生變化時) - 聽起來很直接,但這是我分手的地方,而不是由於缺乏瞭解,充分利用了我的時間。

有沒有人執行過類似的操作來幫助我?

最大的問題,現在是如何從我的日期範圍onChange事件強制刷新,當然包括其中包含我的時間(我知道如何掩蓋服務器端)

非常感謝單一字符串值, Chris

編輯:我實際上在我完成一天之前設法得到這個工作。當我明天回到辦公室時,我會發布我的代碼,這實際上非常容易 - 我完全錯誤地處理它。

回答

1

改變日期後..

oTable.fnClearTable(0); 
oTable.fnDraw(); 

包括變種管道

function fnDataTablesPipeline (sSource, aoData, fnCallback, dateRange) { 
    aoData.push({ "name": "dateRange", "value": $('#dateRangePicker').val(), }); 
... 

獲得VAR在PHP腳本

$_GET['dateRange']