Sorting a filtered Spry dataSet

Question

I am sure I am not understanding something simple, but help is needed.
I create a dataSet from an XML file and display it in a table inside a region. Each column head has the sort attribute. When I click any column head, the table resorts by toggling the column's sort order. This is what is supposed to happen.
Then the dataSet is filtered nondestructively and some rows are not displayed in the table. The filtering happens when the user selects an item in a drop-down list; the drop-down list's unchange event handler applies the filter to the dataSet.
Now when I click any column head, the table resorts but hides one of the existing rows and displays a previously hidden row. The newly displayed row does NOT satisfy the filter. With some investigation, I discovered that the filtering function is executed after a column head is clicked, even though the drop-down list is NOT touched, which is the only place I know that calls the filtering function.
So, what am I missing? Once the dataSet is filtered, shouldn't the user be able to resort the filtered table just as it is?
Thanks,
Van
Thread moved to Spry Framework forum

Answer 1

The files are currently "queued" by the server.. so i can only take a llook at your HTML.
The first thing i notice is your filter. Its rather inefficient.
What I would suggest is deleting your filterList function.. and replace it with this:
function filter(element){
     var product = element.value;
     function filterProducts(ds, row, rownumber){
          return row.product == product ? row : null;
     ds_AllManuals.filter(filterProducts);
and your select change it to:
<select name="productList" id="productListID" spry:repeatchildren="ds_AllProducts" onchange="filter(this);">
    <option value="{product}">{product}</option>
  </select>
what the it basicly doesn, on change it fires the filter function, with a reference to the current element in this case its "productListID" in the function we get the current value of the select and store it on our product variable.
Than our actual filter function will check if row.product has the same value as the product variable. If it does, it will return the row. Else it will return null.
After that we apply the function and it should hopefully work all fine.