Filter buttons

• Function call “filter button”

  Attributes:

  FilterName - The name of an filter defined in Designer Configuration. This filter is added to search after pushing the filter button in web.

  ButtonName - The name of the button which calls the JavaScript function. This name is needed to set and unset the bold attribute to specific button if the filter is active.

  Header - Due to the fact that there can be more than 1 header on 1 page you have the possibility to assign in which header the filter button is used. In most cases this attribute is “0”.

  Syntax: u8.TeLSI.SetFilter_Header(FilterName[s],ButtonName[s],Header[i])

  Example:

  u8.TeLSI.SetFilter_Header("A1.MyTasks","TE_A1_MyTaskFilter",0)

• Function call “clear button”

  To each filter button set you should provide a clear button which clears the assigned filter and set all filter button texts in web to not bold.

  Syntax: u8.TeLSI.SetFilter_Header("clear","clear",0)

SetFilter_Header: function(filterName, buttonName, x) {

    //get the number of headers on the page
    var sum_header = $u(".Header").length; 
        var header = sum_header - 2; 
        
    //get the number of filter buttons in the header ( -1 because of the clear button )
        var counter = $u(".Header")[header].getItems({ tag: "buttons" }).length;
        
    //clear button
        if(filterName == "clear"){
            $u(".SearchForm")[x].clear();
            $u(".SearchForm")[x].execute();
            for(var i = 0; i < counter-1; i++){
                $$($u(".Header")[header].getItems({ tag: "buttons" })[i].element).css("font-weight","");
            }
        }else{
            $u(".SearchForm")[x].addFilter(filterName);
            for(var i = 0; i < counter-1; i++){
                $$($u(".Header")[header].getItems({ tag: "buttons" })[i].element).css("font-weight","");
            }
            $$($u(".Header")[header].getItem(buttonName).element).css("font-weight","bold");
        }
    }