Column Chooser"

From Documentation
m
Line 15: Line 15:
  
 
== Operation ==
 
== Operation ==
===OK===
+
===Button===
===Cancel===
+
====OK====
 +
====Cancel====
 +
====Add to Visible Column====
 +
====Remove Visible Column====
 +
====Move Visible Column Up====
 +
====Move Visible Column Down====
 
===Drag & Drop===
 
===Drag & Drop===
===Add to Visible Column===
+
====Drag Hidden Column to Visible Column====
===Remove Visible Column===
+
====Drag Visible Column to Hidden Column====
===Move Visible Column Up===
+
====Drag Column and Drop After Any Columns====
===Move Visible Column Down===
 
  
 
==Usage==
 
==Usage==

Revision as of 09:39, 30 May 2013

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.

Column Chooser Firstlook Default.png

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

Column Chooser Firstlook Custom.png

Operation

Button

OK

Cancel

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.