Filter"
m |
m |
||
| Line 22: | Line 22: | ||
=== Selection === | === Selection === | ||
| + | |||
| + | == Usage == | ||
Revision as of 08:39, 30 October 2013
Sam Chuang, Engineer, Potix Corporation
October 30, 2013
ZK 6.5 and later
Introduction
ZK give developer the power of creating advanced component, extending the component set for your application. In this article, I will create a re-usable component: filterpopup. It's designed for working with collection component that needs filter functionality. For instance, the filterpopup component can be used with Grid, user can use it to filter out huge amount of data, search the required information quickly and intuitively.
File:ZK Filter Firstlook Default.jpg
Besides, it's also designed for highly customizable, able to integrate with different type of constrain, seamlessly works with different type of data type.
File:ZK Filter Firstlook Custom.jpg
How it Works
The Filterpopup component is composed from three regions. The top region is responsible for configuration setting. The center region is responsible for show the filtered result by constraint. The bottom region is responsible for commands, such as OK button, Cancel button.
Filter by Constraint
The default constraint type is String, using Textbox component's onChanging event to perform filtering task.