2011-03-23 84 views
0

我修改了(可視化)一個漂亮的JQuery表格過濾器插件,可讓您在鍵入時過濾文本 - 我相信你們都已經看到過它完成過。修改JQuery過濾器文件

我的工作頁面是在這裏:http://www.studentbytes.co.uk/recipes.php

原始文件位於:http://www.picnet.com.au/resources/tablefilter/demo.htm

我遇到的問題是,我想刪除輸入字段在每一列的頂部加入,但我迄今爲止編輯原始代碼的所有嘗試都導致了腳本錯誤。語法錯誤就行174註釋掉的(這是我推測實現增加投入的唯一的一塊)後:

{case "text":$filter$$3_header$$2_header$$inline_297_td$$1$$=$goog$dom$createDom$$("in­put",{type:"text",id:"filter_"+$colIdx$$inline_296$$,"class":"filter",title:$JSCo­mpiler_StaticMethods_getFilterDom$self$$inline_295_element$$inline_303_headerText­$$.options.filterToolTipMessage} 

我知道這意味着你將不得不趴下在源代碼髒,但誰能幫我嗎?

另外,有沒有人啓動過這種類型的插件,並設法實現分頁?過濾器插件是否像分頁內容一樣?

謝謝大家的幫助。我決定這個插件值得提供更多的麻煩而不是樂意停止使用它。我在net tuts上找到了一個很好的替代方案,以供將來參考,名爲「使用jQuery來操縱和過濾數據」(我沒有發佈更多鏈接的權限)。

+0

你可以嘗試隔離哪些代碼導致你的問題? – 2011-03-23 16:27:27

+0

嗨,我知道這個插件添加了一個「過濾器」類的輸入,但試圖從Javascript文件中刪除該函數/一段代碼似乎總是拋出錯誤 - 我認爲有幾個鏈接到這個函數的文件但是我對Javascript調試的有限知識並沒有幫助。 – Luis 2011-03-23 16:32:53

+0

你可以添加你得到的錯誤信息嗎? – 2011-03-23 16:35:22

回答

0

也許你可以把這個在JavaScript OT是DOM負載

$('.filter').hide() 
+0

當然是啊,你會不會建議接觸原始文件呢? – Luis 2011-03-23 16:34:03

+0

我會說有時候阻力最小的路線是最好的 - 但取決於你想從中得到什麼。可以通過從頭開始重新編碼整個事物來學習很多東西,並且如果在加載後使用jquery刪除DOM元素,可能會面對編碼snobs的輕蔑 – 2011-03-23 16:47:12

+0

嗨,隱藏'.filter'完成這項工作,但由於某種原因,代碼添加了重複的輸入字段,只添加了第一個字段。理想情況下我會重寫這一點,並有適當的學習Javascript和Jquery自己,但這是一個大學項目,所以時間是至關重要的! – Luis 2011-03-23 17:31:06

1

您發佈的代碼使括號不平衡後執行。您已註銷:

{ 
    case "text": 
    $filter$$3_header$$2_header$$inline_297_td$$1$$ = 
     $goog$dom$createDom$$("input",{    
     type: "text", 
     id:  "filter_" + $colIdx$$inline_296$$, 
     "class": "filter", 
     title: $JSCo­mpiler_StaticMethods_getFilterDom$self$$inline_295_element$$inline_303_headerText­$$ 
      .options.filterToolTipMessage 
     } 

您在結尾處缺少) }

+0

嗨,我添加了額外的括號和大括號,但我仍然收到錯誤。我把它放在「... filterToolTipMessage}」之後,「...); break a; ...「 – Luis 2011-03-23 17:24:33

+0

嘗試發佈一段代碼與你註釋掉的內容我不能猜測你的代碼出了什麼問題,而又看不到它,另外StackOverflow pro-tip:儘量提供關於你的更多信息首先回答:錯誤消息的確切文本和它們來自哪裏的代碼。也不要害怕編輯你的答案以添加更多細節。 – 2011-03-23 18:41:21