Difference between revisions of "ZK Jet"

From Documentation
 
(14 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
= Introduction =
 
= Introduction =
  
ZK Jet is a browser extension available for Firefox and Google Chrome which provides the user with a ZK sandbox environment.
+
ZK Jet is a browser extension for Firefox which provide users with a ZK sandbox environment. Without the need of setting up a web server, it provides a ready-to-use environment for composing zul and for confirming results immediately.
  
 
= Features of ZK Jet =
 
= Features of ZK Jet =
Line 8: Line 8:
 
* 1. Edit ZUL code in editor
 
* 1. Edit ZUL code in editor
 
[[File:ZK_Jet_editor_1.png]]
 
[[File:ZK_Jet_editor_1.png]]
* 2. Click '''Try Me''' button
+
* 2. Click '''Try Me''' button for execution
 
[[File:ZK_Jet_editor_2.png]]
 
[[File:ZK_Jet_editor_2.png]]
* Result
+
* 3. View the result
 
[[File:ZK_Jet_editor_3.png]]
 
[[File:ZK_Jet_editor_3.png]]
  
 
== Output DOM tree ==
 
== Output DOM tree ==
 
* Click '''Output Dom Tree''' button
 
* Click '''Output Dom Tree''' button
[[File:ZK_Jet_output_dom_1.png]
+
[[File:ZK_Jet_output_dom_1.png]]
 
* Result
 
* Result
[[File:ZK_Jet_output_dom_2.png]
+
[[File:ZK_Jet_output_dom_2.png]]
  
 
== Output Widget tree ==
 
== Output Widget tree ==
 
* Click '''Output Widget Tree''' button
 
* Click '''Output Widget Tree''' button
[[File:ZK_Jet_output_widget_1.png]
+
[[File:ZK_Jet_output_widget_1.png]]
 
* Result
 
* Result
[[File:ZK_Jet_output_widget_2.png]
+
[[File:ZK_Jet_output_widget_2.png]]
  
 
== Export ZUL File==
 
== Export ZUL File==
Line 43: Line 43:
 
*. Click '''Edit Service''' button
 
*. Click '''Edit Service''' button
 
*. Input Service URL
 
*. Input Service URL
*. Click '''Save''' button
+
*. Click '''Save'''
 
[[File:ZK_Jet_edit_service.png]]
 
[[File:ZK_Jet_edit_service.png]]
  
=Version=
+
=Downloads=
==Firefox==
+
==Latest==
 +
*[https://addons.mozilla.org/en-US/firefox/addons/versions/9626#version-1.4.0 Version 1.4.0] — Oct 17, 2013
 +
**'''Works with:''' Firefox: 23 - 24 and ZK 6.5.X
 +
 
 +
**'''New Features'''
 +
*** Upgrade for Firefox 24.
 +
 
 +
==Archive==
 
*[https://addons.mozilla.org/en-US/firefox/addons/versions/9626#version-1.3.1 Version 1.3.1] — June 24, 2011
 
*[https://addons.mozilla.org/en-US/firefox/addons/versions/9626#version-1.3.1 Version 1.3.1] — June 24, 2011
 
**'''Works with:''' Firefox: 4.0b12 - 5.*
 
**'''Works with:''' Firefox: 4.0b12 - 5.*
Line 72: Line 79:
  
  
[[Image:zkjet1.1.0.png]]
 
 
==Chrome==
 
  
 
*[https://chrome.google.com/extensions/detail/hfblmofibdkkggomdlpjbpieoccfinjk Version 0.8] — December 26, 2009
 
*[https://chrome.google.com/extensions/detail/hfblmofibdkkggomdlpjbpieoccfinjk Version 0.8] — December 26, 2009

Latest revision as of 09:09, 7 November 2013

Introduction

ZK Jet is a browser extension for Firefox which provide users with a ZK sandbox environment. Without the need of setting up a web server, it provides a ready-to-use environment for composing zul and for confirming results immediately.

Features of ZK Jet

ZUL Editor

  • 1. Edit ZUL code in editor

ZK Jet editor 1.png

  • 2. Click Try Me button for execution

ZK Jet editor 2.png

  • 3. View the result

ZK Jet editor 3.png

Output DOM tree

  • Click Output Dom Tree button

ZK Jet output dom 1.png

  • Result

ZK Jet output dom 2.png

Output Widget tree

  • Click Output Widget Tree button

ZK Jet output widget 1.png

  • Result

ZK Jet output widget 2.png

Export ZUL File

  • Click Save As button

ZK Jet export 1.png

Import ZUL File

  • Click Open button then select ZUL file to import to ZK Jet

ZK Jet import 1.png

ZK Palette

  • Focus on editor then click the button

ZK Jet palette 1.png

  • Result

ZK Jet palette 2.png

ZK Service URL

  • . Click Edit Service button
  • . Input Service URL
  • . Click Save

ZK Jet edit service.png

Downloads

Latest

  • Version 1.4.0 — Oct 17, 2013
    • Works with: Firefox: 23 - 24 and ZK 6.5.X
    • New Features
      • Upgrade for Firefox 24.

Archive

  • Version 1.3.1 — June 24, 2011
    • Works with: Firefox: 4.0b12 - 5.*
    • New Features
      • Upgrade for Firefox 5.
      • Add ZK website links.


  • Version 1.3.0 — April 1, 2011
    • Works with: Firefox: 4.0b12 - 4.0.*
    • New Features
      • Added ZK 5 widget HTML validation
      • Added extracting ZK 5 widget tree to a ZUL file (i.e., snapshot the browser into a ZUL file)


  • Version 1.1.0 — February 27, 2010
    • Works with: Firefox: 3.5 – 3.6.*
    • New Features
      • Added syntax highlighting
      • Added line numbering
      • Changed License from BSD to Apache


  • Version 0.8 — December 26, 2009
    • Works with: Google Chrome: 4
    • New Features
      • Complete sandbox environment