Column Chooser"
From Documentation
m |
m |
||
| Line 18: | Line 18: | ||
====OK==== | ====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. | 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 | ||
| + | [[File:Column_Chooser_OK_BUTTON_1.png]] | ||
| + | * After modification, click OK button to confirm. | ||
| + | [[File:Column_Chooser_OK_BUTTON_2.png]] | ||
| + | * Result | ||
| + | [[File:Column_Chooser_OK_BUTTON_3.png]] | ||
| + | |||
====Cancel==== | ====Cancel==== | ||
| + | The Cancel button is used to revert to previsous status. | ||
====Add to Visible Column==== | ====Add to Visible Column==== | ||
====Remove Visible Column==== | ====Remove Visible Column==== | ||
Revision as of 09:47, 30 May 2013
Author
Sam Chuang, Engineer, Potix Corporation
Sam Chuang, Engineer, Potix Corporation
Date
May 30, 2013
May 30, 2013
Version
ZK 6.5 and later
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.
Add to Visible Column
Remove Visible Column
Move Visible Column Up
Move Visible Column Down
Drag & Drop
Drag Hidden Column to Visible Column
Drag Visible Column to Hidden Column
Drag Column and Drop After Any Columns
Usage
Event
Template
Default
Custom
View Model
Grid with Columnchooser Demo
Open Dialog
Redraw Grid Columns
Summary
Download
Comments
| Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License. |