php - example - datatables search input

¿Cómo filtrar resultados con caracteres especiales usando el complemento jQuery DataTables?

Question

Estoy usando el complemento jQuery DataTables en mi aplicación, y muchas de las filas y filtros de mi tabla tienen caracteres especiales, específicamente ampersands (&) en ellos. Cuando intento filtrar en estas columnas, todos los registros desaparecen y muestra "no se encontraron registros coincidentes".

He intentado codificar (es decir, htmlspecialchars) y decodificar (es decir, htmlspecialchars_decode) las cadenas antes de que se impriman en la página, pero ninguna parece funcionar.

Ejemplo: http://jsfiddle.net/gkdcZ/3/

¿Alguna idea de por qué podría estar pasando esto y cómo puedo solucionarlo?

HTML:

<select id="filter_col_1" name="filter_col_1">
<option value="">Select</option>
<option value="A&B">A&B</option>
<option value="C">C</option>
<option value="D">D</option>
</select>
<tr>
<td>A&B</td>
<td>Jones, Brandon</td>
<td>01/02/2003</td>
</tr>

JavaScript:

$("#filter_col_1").change( function() {
$(''#results'').dataTable().fnFilter(
''//b'' + $("#filter_col_1").val() + ''//b'',
1,
true,
false
);
} ); 

ACTUALIZACIÓN # 1: El problema parece ocurrir solo cuando limita la columna. Ver la API de DataTables . Funciona bien cuando el parámetro se establece en "nulo". http://jsfiddle.net/gkdcZ/4/

ACTUALIZACIÓN # 2: Un poco más cerca. Agregar una función para reemplazar las Entidades HTML funciona para ciertos caracteres (es decir, ampersands), pero no funciona para otros caracteres (es decir, signos de exclamación y signos de interrogación). Ver http://jsfiddle.net/cz6Bs/4/

''//b'' + htmlEntities($(''#filter_col_1'').val()) + ''//b''
function htmlEntities(str) {
return String(str).replace(/&/g, ''&'')
.replace(/</g, ''&lt;'')
.replace(/>/g, ''&gt;'')
.replace(/"/g, ''&quot;'');
}

Answer 1

De hecho, hay un error con las tablas de datos que causa problemas con cualquier carácter especial, por lo que tendrás que escapar de ellos.

http://jsfiddle.net/cz6Bs/

Nota: Agregué XRegExp como otro recurso para el escape. http://xregexp.com/

Answer 2

Prueba este:

$(document).ready(function() { 
$(''#results'').dataTable();
$("#filter_col_1").change( function() {
$(''#results'').dataTable().fnFilter(
''//b'' + htmlEntities($(''#filter_col_1'').val()) + ''//b'',
0,
true,
false
);
} );  
});    
function htmlEntities(str) {
return String(str).replace(/&/g, ''&amp;'').replace(/</g, ''&lt;'').replace(/>/g, ''&gt;'').replace(/"/g, ''&quot;'');
}

Answer 3

prueba esto

 $(''#results'').dataTable().fnFilter(
$("#filter_col_1").val(),
null,
true
);

configurarlo para filtrar en todas las columnas, funciona ahora ...