[ZK] Image setContent using Stream

Aimage stream設定範例

    
URL url = new URL(avatar);
            AImage aimg = new AImage("avatar",url.openStream());
            myPhoto.setContent(aimg);

[ZK] How to use undo redo button using zk

If you want to use 'undo' and 'redo' button on web browser in your zk website,you can refer to the following link:
ZK Developer's Reference/UI Patterns/Browser History Management

[ZK] How to download file in ZK

 public void onClick$downloadAgent(Event event){
  
  try {
   Filedownload.save("download/xxx.xls", "application/octet-stream");
  } catch (FileNotFoundException e) {
   System.out.println("FileNotFoundException:" + e.getMessage());
  }
  
 }

[ZK] How to pass parameter to another zul page

Today i want to pass parameter to another zul page so i find the solution for using "Executions.createComponents".



arg - java.util.Map(Refer to ZK:The User Guide)
The arg argument passed to the createComponents method in the
org.zkoss.zk.ui.Executions class. It might be null, depending on how
createComponents is called.

It is the same as self.desktop.execution.arg.
params.put("name", "John");
Executions.createComponents("/my.zul", null, params);

Then, in my.zul,

...

Notice that arg is available only when creating the components for the included page, say
my.zul. On the other hand, all events, including onCreate, are processed later. Thus, if you
want to access arg in the onCreate's listener, use the getArg method of the
org.zkoss.zk.ui.event.CreateEvent class.


Testing code is the below:
In the a.zul composer.

final Map<String, Object> map = new HashMap<String, Object>(0);
    map.put("userid",detailsUser.getUserName() );

    Window changepasswordWin = null; 
    changepasswordWin = (Window) Executions.createComponents(
      "/admin/change_password.zul", 
      null,
      map);

In teh b.zul composer.(change_password.zul)

Map<String, Object> args = null;
public void onCreate$changePasswordWin(Event e) throws Exception {
  System.out.println("--ChangePassword changePasswordWin--");
 
  CreateEvent ce = (CreateEvent) ((ForwardEvent) e).getOrigin();
  this.args = ce.getArg();
  System.out.println("pass userid:" + this.args.get("userid"));
  
  //do something
  //....

  System.out.println("--/ChangePassword changePasswordWin--");
 }

[ZK] Dynamic to add button and listen event

  Button btnModify = new Button("Modify Password");
                //parent is cell of row
  btnModify.setParent(cell);
  btnModify.setImage("/admin/images/btn/modify_key.png");
  btnModify.addEventListener("onClick", new EventListener() {
         public void onEvent(Event event) throws Exception {
          
           //to do something
          
          } 
   });

[ZK] Messagebox EventListener

捕捉Question Messagebox的事件

//popup messagebox
Messagebox.show("Are you sure?",
      "Question", Messagebox.OK | Messagebox.CANCEL,
      Messagebox.QUESTION, new EventListener() {
       public void onEvent(Event event) throws Exception {
        //if clicks ok to do something
        if (((Integer) event.getData()).intValue() == Messagebox.OK) {
         //to do something
        }
       }
      });

[ZK] ZK Eclipse Setting

From: ZK Essentials/Working with the Sample Applications/Setting Up the Applications Using Eclipse

In the fifth step:
"Once the download is complete, go to Window > Preferences > ZK > ZK Packages, click Add File/Directory to add the ZK package downloaded"

The default ZK Package versioin is 3.6.3, so downloaded the latest one which is zk-bin-5.0.5.zip from zk downloads. Then keep following the fifth step to select the downloaded file and then the latest version could be displayed as an option.

[ZK] comfirm in zk component

使用程式控制替元件加入comfirm javascript。
範例如下：

//removePhoto.setWidgetListener("onClick", "alert('test');");
removePhoto.setWidgetListener("onClick", "if(!confirm('Remove Your Picture?')){evt.stop({au:true});}");

A client-side event listener could stop the sending of a widget event to the server by invoking Event.stop(Map) with {au:true}, such as

evt.stop({au: true});

Reference:
ZK Client-side Reference/Notifications/Widget Events
ZK Client-side Reference/Communication/AU Requests/Client-side Firing

[ZK] FileUpload

Reference:
如何在頁面取得composer對像(簡體)
如何使用ZK5來實作Fileupload功能

[ZK] Client Side API

減少server的loading，免不得要使用client的資源。

A UI object visible to a user at the client is hosted by a JavaScript object[1] called a widget (Widget).

Document
ZK Client-side Reference(完整的章節-請讀完)
ZK Client Engine 5.0.5 API is based on JQuery.
Zk.Widget

Event Handle
Widget Events
DOM Events
Client Activity Watches



Example
Small Talks/2010/April/Client Side Programming
ZK5: Client Computing with ZUML

[ZK] BorderLayout Attributes

ZK Layout attribute specification table:

[ZK] Include Component

好用的ZK Include Component
http://books.zkoss.org/wiki/ZK_Component_Reference/Essential_Components/Include

[ZK] ZK Ajax Framework

最近專案需求使用JAVA EE來開發，評估之後決定選用ZK Framework來作為前端UI設計，感覺很類似.net的元件，有很多現成的componets可以使用。重點是台灣軟體公司所開發的，一定要支持一下國貨。