Column Chooser

Author
Sam Chuang, Engineer, Potix Corporation

Date
May 30, 2013

Version
ZK 6.5 and later

Introduction

The Columnchooser is a popup component that shows a dialog of columns, group by column visibility, can be used with Grid, Listbox or any tabluar component. User can interact with the dialog to change column order or change column's visibility.

Columnchooser is base on ZK MVVM, with it's advantage: developer can easily customize the UI (dialog) without touching ViewModel's code.

Operation

Button

OK

The OK button is used to confirm modification change. If user doesn't click OK button, the modification will be lose, revert to previsous status.

Demonstraction:

• Original view

• After modification, click OK button to confirm.

• Result

Cancel

The Cancel button is used to revert to previsous status.

Demonstraction:

• Original view

• After modification, click Cancel button to revert.

• Result

Add to Visible Column

The Add button is used to add selected hidden column to visible column

Demonstraction:

• Original view

• Select a column, then click the Add button

• Click OK button to confirm

• Result

Comments

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