Actions and Effects"

From Documentation
m
m
Line 27: Line 27:
  
 
where <tt>n</tt> is the DOM element to apply the action, and <tt>opts</tt> is the options specified in the client-side action.
 
where <tt>n</tt> is the DOM element to apply the action, and <tt>opts</tt> is the options specified in the client-side action.
 +
 +
Notice that, before invoking jQuery's effects, you shall invoke <javadoc directory="jsdoc" method="defaultAnimaOpts(zk.Widget, _global_.Map, _global_.Array, boolean)">_global_.jqzk</javadoc> to prepare the initial options for animation. For example,
 +
 +
<source lang="javascript">
 +
this.defaultAnimaOpts(wgt, opts, prop, true)
 +
.jq.css(css).show().animate(anima, {
 +
queue: false, easing: opts.easing, duration: opts.duration || 400,
 +
complete: opts.afterAnima
 +
});
 +
</source>
  
 
=Version History=
 
=Version History=

Revision as of 09:38, 20 January 2011


Actions and Effects



[since 5.0.6]

Here we describe how to provide more effects for client-side actions.

The allowed effects are actually the names of methods defined in Actions. Thus, To add a new effect, you have to add a new method to it. For example,

zk.eff.Actions.fooIn = function (n, opts) {
    //your own effect to make the node visible, such as
    //zk(n).slideIn(this, opts);
};

Then, you could use it in the client-side action:

<div action="show: fooIn">
....
</div>

The signature of an effect method is as follows.

function (DOMElement n, Map opts);

where n is the DOM element to apply the action, and opts is the options specified in the client-side action.

Notice that, before invoking jQuery's effects, you shall invoke jqzk.defaultAnimaOpts(Widget, Map, Array, boolean) to prepare the initial options for animation. For example,

this.defaultAnimaOpts(wgt, opts, prop, true)
	.jq.css(css).show().animate(anima, {
		queue: false, easing: opts.easing, duration: opts.duration || 400,
		complete: opts.afterAnima
	});

Version History

Last Update : 2011/01/20


Version Date Content
5.0.6 December 2010 This feature was introduced in 5.0.6



Last Update : 2011/01/20

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.