一旦用户改变了window 的尺寸，onSize事件及的org.zkoss.zul.event.SizeEvent一个实例会被送出。注意改变window的大小是在onSize事件被送出前发生的。换言之，事件就像一个通知那样服务。当然，你可以在事件监听器中做任何事情。

注: 如果用户拖曳上边框或左边框，onMove事件也会被送出，因为位置也改变了。

contentType的一个典型应用是使一个 window变得可滚动。

<window id="win" title="Hi" width="150px" height="100px" contentStyle="overflow:auto" border="normal">
This is a long line to spead over several lines, and more content to display.
Finally, the scrollbar becomes visible.
This is another line.
</window>

嵌入window 和其它组件一起被插入在文字之间。在这种模式中，你不能改变window的位置，因为其位置是由浏览器决定的。

重叠window 和其它组件是重叠的，这样用户可以到处拖曳此window，并且开发人员可以使用setLeft和setTop方法来设置其位置。

除了doOverlapped，你也可以按如下方式使用mode属性，

<window title="My Overlapped" width="300px" mode="overlapped">
</window>

弹出window 与重叠window类似，除了弹出window 在用户点击任一组件(不包括弹出window本身及其所有子组件)时会自动关闭。就像其名字一样，它被设计成实现弹出window。

modal window (亦称对话框，modal dialog)与重叠window 类似，除了modal window可以挂起执行，直到endModal, doEmbedded, doOverlapped, doHighlighted, 和 doPopup方法中的一个被调用。

除了挂起执行，modal window还可以使不属于其的组件失效。

modal window会自动位于浏览器的中央，你可以控制它的位置。

标示window 与重叠window 类似，除了标示window 的视觉效果与modal window相同。换言之，标示window 位于浏览器的中央，并且使不属于其的组件失效。

但是，标示window 不会挂起执行。就像重叠window，一旦模式改变，执行会继续。例如，仅当win1被关闭后f1()才会被调用，而在win2变为标示后g()被立即调用。

win1.doModal(); //the execution is suspended until win1 is closed
f1();

win2.doHighlighted(); //the execution won't be suspended
g1()

如果你不喜欢挂起事件处理线程，可以使用标示window 代替modal window。参考特性提示一章中使用Servlet线程处理事件的一节。

不同于其它的模式，你仅能在事件监听器中将window 放置在modal模式中。换言之，你可以在事件监听器中调用doModal()或 setMode("modal")。

<zk>
   <window id="wnd" title="My Modal" visible="false" width="300px">
      <button label="close" onClick="wnd.visible = false"/>
   </window>
   <button label="do it" onClick="wnd.doModal()"/>
</zk>

另外，如果在组件创建阶段(Component Creation Phase)^[38] 执行，下面的例子是错误的。

//t1.zul
<window title="My Modal" width="300px" closable="true" mode="modal">
</window>

如果在浏览器中直接打开，将会导致如下结果^[39] 。

下面的代码会导致相同的结果。

//t2.zul
<window title="My Modal" width="300px" closable="true">
   <zscript>
      self.doModal();
   </zscript>
</window>

如果你需要在页面加载时创建一个modal window，可以按如下方式提交onModal事件。

//t3.zul
<window title="My Modal" width="300px" closable="true">
   <zscript>
   Events.postEvent("onModal", self, null);
   </zscript>
</window>

注: 下面的代码会正确执行，甚至t1.zul将window直接设置为modal模式(就像上面一样)。为什么呢？它在一个事件监听器中执行(onClick)。

<button label="do it">
   <attribute name="onClick">
   Executions.createComponents("t1.zul", null, null);
      //it loads t1.zul in this event listener for onClick
   </attribute>
</button>

org.zkoss.zul.Messagebox类提供了一套功能来显示消息框。典型应用是当发生错误时警告用户，或促使用户作出决定。

if (Messagebox.show("Remove this file?", "Remove?", Messagebox.YES | Messagebox.NO, Messagebox.QUESTION) == Messagebox.YES) {
   ...//remove the file
}

由于警告用户有误是很平常的，所以一个称为alert的全局函数被加进了zscript。alert函数是Messagebox类中show方法的一个捷径。换言之，下列两条语句是等价的。

alert("Wrong");
Messagebox.show("Wrong");

注意Messagebox为一个modal window，所以它也受相同的约束：仅在事件监听器中是可执行的。因此，下列代码将会失败。参考上面的Modal窗口和事件监听器一节获取更多的描述。

<window title="Messagebox not allowed in paging loading">
   <zscript>
   //failed since show cannot be called in paging loading
   if (Messagebox.show("Redirect?", "Redirect?",
   Messagebox.YES | Messagebox.NO, Messagebox.QUESTION) == Messagebox.YES)
      Executions.sendRedirect("another.zul");
   </zscript>
</window>

org.zkoss.zul.Fileupload类提供了一套功能用以帮助用户向服务器上传文件。一旦调用了get方法，浏览器端会显示一个文件上传对话框来促使用户指定要上传的文件。直到用户已经上传了文件或点击了放弃按钮其才会返回。

<window title="Fileupload Demo" border="normal">
   <image id="image"/>
   <button label="Upload">
      <attribute name="onClick">{
         Object media = Fileupload.get();
         if (media instanceof org.zkoss.image.Image)
            image.setContent(media);
         else if (media != null)
            Messagebox.show("Not an image: "+media, "Error",
               Messagebox.OK, Messagebox.ERROR);
      }</attribute>
   </button>
</window>

<window title="fileupload demo" border="normal">
   <button label="Upload">
      <attribute name="onClick"><![CDATA[{
   Object media = Fileupload.get(5);
   if (media != null)
      for (int j = 0; j < media.length; ++j) {
         if (media[j] instanceof org.zkoss.image.Image) {
            Image image = new Image();
            image.setContent(media[j]);
            image.setParent(pics);
         } else if (media[j] != null) {
            Messagebox.show("Not an image: "+media[j], "Error",
               Messagebox.OK, Messagebox.ERROR);
         }
      }
      }]]></attribute>
   </button>
   <vbox id="pics"/>
</window>

fileupload不是一个modal对话框。它是一个组件，所以fileupload可以和其它组件一起插入文字之间。

注:除了静态的get方法用于打开文件上传对话框，org.zkoss.zul.Fileupload本身即为一个组件。 即所谓的fileuplod 组件。

例如，

<image id="img"/>
Upload your hot shot:
<fileupload onUpload="img.setContent(event.media)"/>

org.zkoss.zul.Filedownload类提供了一套功能用以帮助用户从服务器下载文件。不同于iframe组件在浏览器窗口显示文件，如果其中的一个save方法被调用，则文件下载对话框会显示在浏览器端。然后，用户可以指定在本地文件系统中的存储路径。

<button label="Download download.html">
   <attribute name="onClick">{
   java.io.InputStream is = desktop.getWebApp().getResourceAsStream("/test/download.html");
   if (is != null)
      Filedownload.save(is, "text/html", "download.html");
   else
      alert("/test/download.html not found");
   }</attribute></button>