https://www.zkoss.org/_w/index.php?title=Small_Talks/2007/July/New_Features_of_yuiextz_0.5.1.&feed=atom&action=history
Small Talks/2007/July/New Features of yuiextz 0.5.1. - Revision history
2024-03-28T14:09:05Z
Revision history for this page on the wiki
MediaWiki 1.35.1
https://www.zkoss.org/_w/index.php?title=Small_Talks/2007/July/New_Features_of_yuiextz_0.5.1.&diff=14815&oldid=prev
Char: /* Y-Grid supports in-place editing */
2010-12-14T02:43:08Z
<p><span dir="auto"><span class="autocomment">Y-Grid supports in-place editing</span></span></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 02:43, 14 December 2010</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l15" >Line 15:</td>
<td colspan="2" class="diff-lineno">Line 15:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=Y-Grid supports in-place editing=</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=Y-Grid supports in-place editing=</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>In the previous article([[Small_Talks/2007/July/Integrating_Yui-Ext_into_ZK_Framework |here]]), Y-Grid doesn't support the in-plcae editing. In this version, Y-Grid supports five kinds of in-place editing, including editing text, editing checkbox, editing combobox, editing datebox, and editing numeric.</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>In the previous article([[Small_Talks/2007/July/Integrating_Yui-Ext_into_ZK_Framework<ins class="diffchange diffchange-inline">. </ins>|here]]), Y-Grid doesn't support the in-plcae editing. In this version, Y-Grid supports five kinds of in-place editing, including editing text, editing checkbox, editing combobox, editing datebox, and editing numeric.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><gflash width="800" height="500">Yuiextz_skin.swf</gflash></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><gflash width="800" height="500">Yuiextz_skin.swf</gflash></div></td></tr>
</table>
Char
https://www.zkoss.org/_w/index.php?title=Small_Talks/2007/July/New_Features_of_yuiextz_0.5.1.&diff=14814&oldid=prev
Char: /* Y-Grid supports in-place editing */
2010-12-14T02:42:27Z
<p><span dir="auto"><span class="autocomment">Y-Grid supports in-place editing</span></span></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 02:42, 14 December 2010</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l15" >Line 15:</td>
<td colspan="2" class="diff-lineno">Line 15:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=Y-Grid supports in-place editing=</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=Y-Grid supports in-place editing=</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>In the previous article([<del class="diffchange diffchange-inline">http:</del>//<del class="diffchange diffchange-inline">docs.zkoss.org/wiki</del>/Integrating_Yui-Ext_into_ZK_Framework<del class="diffchange diffchange-inline">. </del>here]), Y-Grid doesn't support the in-plcae editing. In this version, Y-Grid supports five kinds of in-place editing, including editing text, editing checkbox, editing combobox, editing datebox, and editing numeric.</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>In the previous article([<ins class="diffchange diffchange-inline">[Small_Talks</ins>/<ins class="diffchange diffchange-inline">2007</ins>/<ins class="diffchange diffchange-inline">July</ins>/Integrating_Yui-Ext_into_ZK_Framework <ins class="diffchange diffchange-inline">|</ins>here<ins class="diffchange diffchange-inline">]</ins>]), Y-Grid doesn't support the in-plcae editing. In this version, Y-Grid supports five kinds of in-place editing, including editing text, editing checkbox, editing combobox, editing datebox, and editing numeric.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><gflash width="800" height="500">Yuiextz_skin.swf</gflash></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><gflash width="800" height="500">Yuiextz_skin.swf</gflash></div></td></tr>
</table>
Char
https://www.zkoss.org/_w/index.php?title=Small_Talks/2007/July/New_Features_of_yuiextz_0.5.1.&diff=7613&oldid=prev
Elton776: moved Small Talks/New Features of yuiextz 0.5.1. to Small Talks/2007/July/New Features of yuiextz 0.5.1.
2010-09-20T09:34:34Z
<p>moved <a href="/wiki/Small_Talks/New_Features_of_yuiextz_0.5.1." class="mw-redirect" title="Small Talks/New Features of yuiextz 0.5.1.">Small Talks/New Features of yuiextz 0.5.1.</a> to <a href="/wiki/Small_Talks/2007/July/New_Features_of_yuiextz_0.5.1." title="Small Talks/2007/July/New Features of yuiextz 0.5.1.">Small Talks/2007/July/New Features of yuiextz 0.5.1.</a></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<tr class="diff-title" lang="en">
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 09:34, 20 September 2010</td>
</tr><tr><td colspan="2" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div>
</td></tr></table>
Elton776
https://www.zkoss.org/_w/index.php?title=Small_Talks/2007/July/New_Features_of_yuiextz_0.5.1.&diff=6654&oldid=prev
Elton776: /* Y-Grid supports in-place editing */
2010-09-14T03:33:43Z
<p><span dir="auto"><span class="autocomment">Y-Grid supports in-place editing</span></span></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 03:33, 14 September 2010</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l17" >Line 17:</td>
<td colspan="2" class="diff-lineno">Line 17:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>In the previous article([http://docs.zkoss.org/wiki/Integrating_Yui-Ext_into_ZK_Framework. here]), Y-Grid doesn't support the in-plcae editing. In this version, Y-Grid supports five kinds of in-place editing, including editing text, editing checkbox, editing combobox, editing datebox, and editing numeric.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>In the previous article([http://docs.zkoss.org/wiki/Integrating_Yui-Ext_into_ZK_Framework. here]), Y-Grid doesn't support the in-plcae editing. In this version, Y-Grid supports five kinds of in-place editing, including editing text, editing checkbox, editing combobox, editing datebox, and editing numeric.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><gflash width="800" height="500"><del class="diffchange diffchange-inline">http://docs.zkoss.org/images/5/55/</del>Yuiextz_skin.swf</gflash></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><gflash width="800" height="500">Yuiextz_skin.swf</gflash></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
</table>
Elton776
https://www.zkoss.org/_w/index.php?title=Small_Talks/2007/July/New_Features_of_yuiextz_0.5.1.&diff=5967&oldid=prev
Elton776: Created page with '{{Template:Smalltalk_Author| |author=Jumper Chen, Engineer, Potix Corporation |date=July 20, 2007 |version=Applicable to zk-2.5.0-FL-2007-07-12 and later. ::Applicable to yuiext…'
2010-09-13T03:37:30Z
<p>Created page with '{{Template:Smalltalk_Author| |author=Jumper Chen, Engineer, Potix Corporation |date=July 20, 2007 |version=Applicable to zk-2.5.0-FL-2007-07-12 and later. ::Applicable to yuiext…'</p>
<p><b>New page</b></p><div>{{Template:Smalltalk_Author|<br />
|author=Jumper Chen, Engineer, Potix Corporation<br />
|date=July 20, 2007<br />
|version=Applicable to zk-2.5.0-FL-2007-07-12 and later.<br />
<br />
::Applicable to yuiextz 0.5.1.<br />
}}<br />
<br />
<br />
In this article, we will introduce the four most exciting new additions to yuiextz 0.5.1<br />
<br />
<br />
<br />
<br />
=Y-Grid supports in-place editing=<br />
<br />
In the previous article([http://docs.zkoss.org/wiki/Integrating_Yui-Ext_into_ZK_Framework. here]), Y-Grid doesn't support the in-plcae editing. In this version, Y-Grid supports five kinds of in-place editing, including editing text, editing checkbox, editing combobox, editing datebox, and editing numeric.<br />
<br />
<gflash width="800" height="500">http://docs.zkoss.org/images/5/55/Yuiextz_skin.swf</gflash><br />
<br />
<br />
To use this feature, you have to specify the following.<br />
<br />
<source lang="xml" ><br />
<y:grid width="850px" height="auto" editable="true" trackMouseOver="false" onCreate="self.selectedIndex = 0;"><br />
</source><br />
<br />
* <span style="color:green">editable</span>:To enable the in-place editing. Default: false.<br />
<br />
* <span style="color:green">trackMouseOver</span>:To disable the track-mouse-over function. Default: true.<br />
<br />
'''Note:'''Ext JS doesn't support track-mouse-over when the grid is in the mode of in-place editing.<br />
<br />
=New Properties of Y-Grid's Column=<br />
<br />
The following properties is new for the column component.<br />
<br />
<br />
* <span style="color:green">editortype</span>: Specify the editor type for label. You can specify the following type, including '''text'''(default), '''check''', '''combo''', '''number''', and '''date'''.<br />
<br />
:* <span style="color:purple">String Value</span>: If you would like to use the in-place editing with text, you can specify text in editortype. In the Figure 1 example,<br />
<br />
:<source lang="xml" ><br />
<y:column editortype="text" label="Item Title" sortable="true" align="center"/><br />
</source><br />
<br />
:[[Image:Yuiextz-1.gif]]<br />
<br />
:::::::::'''Figure 1.'''<br />
<br />
<br />
:* <span style="color:purple">Boolen Value</span>: If you would like to use the in-place editing with checkbox, you can specify check in editortype. In the Figure 2 example,<br />
<br />
:<source lang="xml" ><br />
<y:column editortype="check" label="PayPal" sortable="true" width="80px" align="center"/><br />
</source><br />
<br />
:[[Image:Yuiextz-2.gif]]<br />
:::::::::::'''Figure 2.'''<br />
<br />
<br />
:And then you must set the boolean value (true or false) in row's label as below.<br />
<br />
:<source lang="xml" ><br />
<y:label value="true"/><br />
</source><br />
<br />
<br />
:* <span style="color:purple">Numeric Value</span>:If you would like to use the in-place editing with numeric, you can specify number in editortype. In the Figure 4 example,<br />
<br />
:<source lang="xml" ><br />
<y:column editortype="number" label="Price" sortable="true" align="right" width="80px"/><br />
</source><br />
<br />
<br />
:[[Image:Yuiextz-4.gif]]<br />
<br />
::::::'''Figure 4.'''<br />
<br />
<br />
:And then you must set the numeric value in row's label. For examle,<br />
<br />
:<source lang="xml" ><br />
<y:label value="799.95"/><br />
</source><br />
<br />
<br />
:* <span style="color:purple">Date Value</span>:If you would like to use the in-place editing with datebox, you can specify date in editortype and specify the property of date format as below. In the Figure 5 example,<br />
<br />
<source lang="xml" ><br />
<y:column editortype="date" format="MM/dd/yyyy" label="End Time" sortable="true" <br />
width="100px" align="center"/><br />
</source><br />
<br />
<br />
:'''Note:''' The <span style="color:green">format</span> property could be used only when the editortype is set as date. Default: yyyy/MM/dd.<br />
<br />
:[[Image:Yuiextz-5.gif]]<br />
<br />
:::::::'''Figure 5.'''<br />
<br />
<br />
:And then you must set the date value accordingly in row's label as follows,<br />
<br />
:<source lang="xml" ><br />
<y:label value="07/22/2007"/><br />
</source><br />
<br />
<br />
:* <span style="color:purple">Drop Down Menu</span>: If you would like to use the in-place editing with combobox, you can specify combo in editortype. In the Figure 3 example,<br />
<br />
<source lang="xml" ><br />
<y:column editortype="combo" combo="list" label="Phone Brand" sortable="true" <br />
width="120px" align="center" /><br />
</source><br />
<br />
<br />
:[[Image:Yuiextz-3.gif]]<br />
<br />
::::::'''Figure 3.'''<br />
<br />
<br />
:And then you must specify the '''combo''' property to specify the id of listbox(org.zkforge.yuiext.grid.Listbox only ) like this.<br />
<br />
<source lang="xml" ><br />
<y:listbox id="list"><br />
<listitem label="Apple iPhone"/><br />
<listitem label="Cingular"/><br />
<listitem label="Motorola"/><br />
<listitem label="Nokia"/><br />
</y:listbox><br />
</source><br />
<br />
:'''Note:''' The <span style="color:green">combo</span> property could be used only when the editortype is set as combo.<br />
<br />
<br />
* <span style="color:green">sortable</span>: Specify the column whether is sortable. Default: false.<br />
<br />
For example,<br />
<br />
<source lang="xml" ><br />
<y:column editortype="text" label="Item Title" sortable="true" align="center"/><br />
</source><br />
<br />
<br />
* <span style="color:green">lockable</span>: Specify the column whether is lockable. Default: false.<br />
<br />
For example,<br />
<br />
<source lang="xml" ><br />
<y:column label="Item Title" lockable="true"><br />
</source><br />
<br />
<br />
'''Note:''' The lockable column doesn't support the editable grid.<br />
<br />
=Y-Grid Supports New Component=<br />
<br />
;* Label:It could be embedded in a row of grid for the purpose of in-place editing.<br />
<br />
;* Listbox:It could be embedded in a column of grid whose editortype is combo. Default: Uses the select mold and sets rows to be 1 .<br />
<br />
<br />
=New Methods of Y-Grid=<br />
<br />
Since yuiextz 0.5.0, there are three implemented events, and they don't keep the event information on server side such as onSelect, onColumnMoved, and onColumnLockChange. In this version, we have added a lot of methods as below.<br />
<br />
==Grid==<br />
<br />
* '''setSelectedIndex:''' Deselects all of the currently selected rows and selects the row with the given index.<br />
<br />
* '''selectAll:''' Selects all rows.<br />
<br />
* '''getSelectedItem:''' Returns the selected row.<br />
<br />
* '''getSelectedItems:''' Returns all selected rows.<br />
<br />
* '''getSelectedCount:''' Returns the number of rows being selected.<br />
<br />
<br />
==Column==<br />
<br />
* '''isLockable:''' Returns true if this column is lockable.<br />
<br />
* '''isSortable:''' Returns true if this column is sortable.<br />
<br />
<br />
==Row==<br />
<br />
* '''isSelected:''' Returns whether it is selected.<br />
<br />
<br />
==Label==<br />
<br />
* '''getNativeObject:''' Returns the native object by the editor type of column for label value.<br />
<br />
:If the editortype is ''check'', it will return Boolean object.<br />
<br />
:If the editortype is ''number'', it will return BigDecimal object.<br />
<br />
:If the editortype is ''date'', it will return Date object.<br />
<br />
:Otherwise, it will return a string value. Notice, it never returns null.<br />
<br />
'''Note:''' If you want to know more details please refer to the JavaDoc of yuiextz.<br />
<br />
<br />
=Upgrade Notes (yuiextz-0.5.0 version to yuiextz-0.5.1 version)=<br />
<br />
*; org.zkforge.yuiext.event.ColumnMovedEvent:<br />
<br />
Removed the <span style="color:blue">getNewColumn</span> and the <span style="color:blue">getOldColumn</span> methods.<br />
<br />
Added the <span style="color:blue">getMovedColumn</span> method. You can use the method to get the moved column.<br />
<br />
<br />
*; org.zkforge.yuiext.grid.Row:<br />
<br />
The ''Row'' only supports child type of label('''org.zkforge.yuiext.grid.Label''') from now on.<br />
<br />
<br />
=Download=<br />
<br />
*Download the [http://zkoss.org/smalltalks/yuiextz-0.5.1/yuiextz-example-2.zip yuiextz-example-2.zip] for the article here.<br />
<br />
*Download the<tracker url="http://sourceforge.net/project/showfiles.php?group_id=152762&package_id=238024"> yuiextz-0.5.1</tracker> version.<br />
<br />
<br />
<comment>http://docs.zkoss.org/wiki/New_Features_of_yuiextz_0.5.1.</comment><br />
<br />
<br />
[[Category:ZK]]<br />
[[Category:3rd Party Components]]<br />
[[Category:New Features]]<br />
{{Template:Smalltalk_Footer|<br />
|name=Potix Corporation<br />
}}</div>
Elton776