Filtering

Each listing in e-shop contains heading (Figure 1), filter part (Figure 2), data (Figure 3) and pager (Figure 4). In the heading are mainly links for change of sort option by clicked column – first click ascending, second click descending. Filter part mostly contains some type of filter. In pager part you can change number of records per page and browse individual pages.

Figure 1: Heading
Figure 1: Heading

Figure 2: Filter
Figure 2: Filter

Figure 3: Data
Figure 3: Data

Figure 4: Pager
Figure 4: Pager

Filter types

In our application you can find these types of filters:

  • String based filter (Figure 5). Here you can type any text and application - try find similar results. For example let's say we have these data in table: AAAA, AABB, BBBB, ABAB. If you type to input field AB, application return these result: AABA, ABAB. If you want to find exact text, for example only ABAB enwrap text ABAB to quotation mark – "ABAB" and application result only data with exact appearance ABAB in our case only one record.

    Figure 5: String filter
    Figure 5: String filter

  • Number based filter (Figure 6). Filter looks just as a text based filter. Usually it is narrower. Also in data part you always find only numbers not strings. If you type some number it is finding equals value. If you want to find less value you have to use as prefix < or <= (less or equal) for example <=5. Also you can use > or >= as prefix if you want to find greater / greater or equal value.

    Figure 6: Number filter
    Figure 6: Number filter

  • Choice based filter (Figure 7). In this type of filter you can choose only one of the predefined values or choose "all" - in this way, filter will not select particular values.

    Figure 7: Choice filter
    Figure 7: Choice filter

  • Date based filter (Figure 8). Date based filter always contains 2 fields. With this filter you can specify a range or only top / bottom limit. If you fill only first field (FROM) after apply filter you should see only records where date field is bigger or equal. And if you fill only second field (TO) you should see only records where the calendar field is less or equal.

    Figure 8: Date filter
    Figure 8: Date filter