2012-08-23 55 views
0

愛的DataTable迄今爲止,但只有一個問題,我碰到的......jQuery dataTables基於類型的列過濾不起作用?圖ALT篩選/排序

我有風格的「狀態」一列圖片:

<td><img class="status" alt="green" src="images/dt/greenStatus.png"></td> 

列有一個'alt-status'的類型,我已經爲該列添加了一個自定義排序,根據alt文本是紅色,黃色還是綠色進行排序。它的工作原理和預期一樣。下面是代碼:

jQuery.extend(jQuery.fn.dataTableExt.oSort, { 
    "alt-status-pre": function (a) { 
     switch(a.match(/alt="(.*?)"/)[1].toLowerCase()){ 
      case 'green': return 1; 
      case 'yellow': return 2; 
      case 'red': return 3; 
      default: return 4; 
     } 
    }, 

    "alt-status-asc": function(a, b) { 
     return ((a < b) ? -1 : ((a > b) ? 1 : 0));  
    }, 

    "alt-status-desc": function(a,b) { 
     return ((a < b) ? 1 : ((a > b) ? -1 : 0)); 
    } 
}); 

現在,我想他們在此基礎上ALT領域,以及爲僅過濾。我嘗試了一些不同的東西,但都沒有工作。我試過:

$.fn.dataTableExt.ofnSearch['alt-status'] = function (sData) { 
    console.log(sData); 
    return sData.replace(/\n/g," ").replace(/<.*?>/g, ""); 
}; 

只是試圖從過濾器中刪除html,但這也沒有效果。我仍然可以搜索<img,他們都顯示。

從我可以告訴,這種方法甚至沒有被調用。任何人都有基於圖像替代文本過濾的經驗嗎?

這個問題還張貼在數據表論壇:http://goo.gl/79XXq

回答

相關問題