How can i extend the filter function to also include an option to select which column to filter on?

Question

Hi.
I have built an spry test-page (testing it on my localhost  so i cannot give you direct access to it) here i have an XML file that i show in an dynamic/ repeat table with 5 columns.
I hvae included an spry filter function to easy filter out records, but the code only allows me to filter on one of the columns.
I would like to add an extra "select-menu" to define which column the filter should be active for, how can i do that
Here is the filter code and also the html code for the select-menu and the box to type in what to filter.
The bold parts is the important parts, i would like the options values from the select menu to be inserted in the filterData function to be able to define which column to do the filtering on.
var ds1 = new Spry.Data.XMLDataSet("report3.xml", "orders/order", {sortOnLoad: "@id", sortOrderOnLoad: "descending"});
ds1.setColumnType("date", "date");
ds1.setColumnType("BUTIKNR", "number");
ds1.setColumnType("EXTRAFRAKT", "number");
ds1.setColumnType("job/@idx", "number");
var jobs = new Spry.Data.NestedXMLDataSet(ds1, "job");
function FilterData()
    var tf = document.getElementById("filterTF");
    var menu = document.getElementById("searchIdent");
    if (!tf.value)
        // If the text field is empty, remove any filter
        // that is set on the data set.
        ds1.filter(null);
        return;
    // Set a filter on the data set that matches any row
    // that begins with the string in the text field.
    var regExpStr = tf.value;
    if (!document.getElementById("containsCB").checked)
        regExpStr = "^" + regExpStr;
    var regExp = new RegExp(regExpStr, "i");
    var filterFunc = function(ds, row, rowNumber)
        var str = row["@id"];
        if (str && str.search(regExp) != -1)
            return row;
        return null;
    ds1.filter(filterFunc);
function StartFilterTimer()
    if (StartFilterTimer.timerID)
        clearTimeout(StartFilterTimer.timerID);
    StartFilterTimer.timerID = setTimeout(function() { StartFilterTimer.timerID = null; FilterData(); }, 100);
html:
            <select name="searchIdent" size="1" id="searchIdent">
                <option value="@id" selected="selected">ID</option>
                <option value="date">DATUM</option>
                <option value="time">TID</option>
                <option value="BUTIKNR">BUTIK</option>
                <option value="REF">REFERENS</option>
              </select>
          <input type="text" id="filterTF" onkeyup="StartFilterTimer();" />
Contains:
  <input type="checkbox" id="containsCB" /></td>
Thanks in advance.
//Rickard H

Answer 1

Now it works, i had to do it like this:
    var filterFunc = function(ds, row, rowNumber)
        var str = row["@id"];
        if (str && str.search(regExp) != -1)
            return row;
        var str1 = row["date"];
        if (str1 && str1.search(regExp) != -1)
            return row;
        var str2 = row["time"];
        if (str2 && str2.search(regExp) != -1)
            return row;
        var str3 = row["BUTIKNR"];
        if (str3 && str3.search(regExp) != -1)
            return row;
        var str4 = row["REF"];
        if (str4 && str4.search(regExp) != -1)
            return row;
        return null;
I also had to remove the line "ds1.setColumnType("BUTIKNR", "number");" from the code, otherwise it would not search at all (only searches string types?).