Creating a custom reusable filtering interface with macro component: An Example

From Documentation
Revision as of 08:46, 10 February 2015 by Neillee2 (talk | contribs) (→‎Live Demo)

WarningTriangle-32x32.png This page is under construction, so we cannot guarantee the accuracy of the content!


DocumentationSmall Talks2015AprilCreating a custom reusable filtering interface with macro component: An Example
Creating a custom reusable filtering interface with macro component: An Example

Author
Neil Lee, Engineer, Potix Corporation
Date
February xx, 2015
Version
ZK 7.0.4

Introduction

Filtering commonly augments data displaying functionality. Users can create multiple views of a single data set based on different filter criteria. As data sets become larger and larger, filtering also helps increase performance and improve usability by reducing the information shown. Take Excel for example. After filtering is enabled, each column header will include a button, when clicked, displays the filtering configuration dialog box for the respective column. Users can then edit the condition that the data in that column must satisfy in order to be included in the final display. In this smalltalk, I am going to create a user interface similar to Excel for collecting filtering criteria, and use that information in an application to perform the actual filtering operation.

Live Demo

As an example, law enforcement agencies can use filtering to find trends in criminal activities. For concreteness, criminal records were taken from Sacramento in 2006 [1], which consists of 7,584 offenses. It is also interesting to mark illegal occurrences on google maps.

In the demo, I use a listbox to display the criminal records in a table. Each column heading contains a button with a filter icon. That button, together with the popup dialog box, is built as a macro component.

How it works

User Interface

  • FilterConfig macro component
  • FilterModel and its implementation
  • In Memory Predicate

Application

  • service supplies available filter model
  • listens to onFilterChanged and onFilterCleared events
  • filters data list and recreate listmodel to drive data displaying

Summary

Download

References

  1. Data source: spatialkey sample


Comments



Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.