Разделение массива / объекта для фильтрации значений
Вот как я генерирую список номеров деталей (из ответа json):
// Any given part could be used more than once. Only want each part # to show first occurance.
$.each(data, function(key, val) {
if ($.inArray(val.name, partArray) === -1) {
partArray.push(val.name);
}
});
return partArray;
Я использую jQuery DataTables для отображения списка деталей. У меня есть 3 строки, которые рендерится так из моего цикла выше:
["1", "2", "3"] // First Row
["4", "5", "6"] // Second Row
["7", "8", "9"] // Third Row
Я хотел бы отфильтровать мой список деталей (показать / скрыть строки на основе выбранного значения). Для этого мне нужно сгенерировать объект / массив, который соответствует приведенному выше. Однако, если я console.log "partArray", в моем методе сортировки я получаю это:
["1", "2", "3", "4", "5", "6", "7", "8", "9"] // Object
["1", "2", "3", "4", "5", "6", "7", "8", "9"] // Object
["1", "2", "3", "4", "5", "6", "7", "8", "9"] // Object
У меня заканчиваются идеи о том, как я могу разделить массив, чтобы он соответствовал тому, как выглядит вывод моей таблицы - так что я могу фильтровать по значению. В настоящее время любое значение вернет true, потому что все значения доступны для каждой строки. Я не совсем понимаю, как правильно получить 3 строки из каждого цикла, но когда я выхожу из одного и того же массива, я получаю 3 строки каждого номера детали.
Спасибо за любые предложения!
1 ответ
Ну, я не думаю, что это окончательный ответ, но это работает. Вот js для всех, кто сталкивался с подобной проблемой.
Столбец def:
{
'aTargets': [9],
'bSortable': true,
'bVisible': true,
'mData': 'partlist',
'mRender': '[, ].number'
}
Метод фильтра:
$.fn.dataTableExt.afnFiltering.push(
function(oSettings, aData, iDataIndex) {
if ($('#showHideByPartNumber').val() === "" || $('#showHideByPartNumber').val() === 'undefined')
{
return true;
}
else
{
if (aData[9].indexOf($('#showHideByPartNumber').val()) > -1) // aData[9] is the column (zero-based).
{
return true;
}
}
return false;
}
);
$('#partsTbl').dataTable().fnDraw();