The object ID. Each object has its own unique $oid. It is mainly used for debugging purpose.
Trick: you can test if a JavaScript object is a ZK object by examining this property, such as `if (o.$oid) alert('o is a ZK object');`
Notice: zk.Class extends from zk.Object (so a class also has $oid)
The opts of this scrollbar controls.
Specifies the start position according to the scrolling area, like offset top for the vertical scrolling and offset left for the horizental scrolling.
Specifies the start step for the scrolling.
Note: it cannot be negative.
Specifies how many steps for the scrolling.
Note: it cannot be negative.
Specifies how many steps will show in the viewport.
Note: it cannot be negative.
Specifies how many pixels for the viewport size, like offsetHeight for vertical scrolling and offsetWidth for horizental scrolling.
Note: it cannot be negative.
Specifies either 'vertical' or 'horizontal' to indicate that it can be scrolled only in the vertical or horizontal direction.
'horizontal'
<h4>anchor</h4>
DOMElement anchor
<p>Specifies the anchor that indicates the scrollbar will be its child node.
the parent node of the control.
<h4>syncSize</h4>
boolean syncSize
<p>Specifies whether to sync the scrolling area size at initial phase.
true
.
Specifies the callback function for the vertical scrolling, when user changes the vertical scrolling step.
Specifies the callback function for the horizental scrolling, when user changes the horizental scrolling step.
Specifies the offset for the scrolling step to shift when the callback functions (onScrollX and onScrollY) are invoked. For example, if the offset is 2, then the steps in the onScrollX/Y event will start at 2.
0
Optional
_cols?: numberStatic
$oidStatic
easingSets the easing animation function for the scrolling effects. For more details, please refer to jquery's easing plugin. http://gsgd.co.uk/sandbox/jquery/easing/
Sets the easing animation function for the scrolling effects. For more details, please refer to jquery's easing plugin. http://gsgd.co.uk/sandbox/jquery/easing/
Determines if this object is an instance of the class represented by the specified Class parameter. Example:
if (obj.$instanceof(zul.wgt.Label, zul.wgt.Image)) {
}
Rest
...klass: any[]the Class object to be checked. Any number of arguments can be specified.
true if this object is an instance of the class
Invokes a method defined in the superclass with any number of arguments. It is like Function's call() that takes any number of arguments.
Example: ```ts multiply: function (n) { return this.$super('multiply', n + 2); } ```
the object being returned by the method of the superclass.
Invokes a method defined in the superclass with any number of arguments. It is like Function's call() that takes any number of arguments.
It is similar to ZKObject.$super, but this method works even if the superclass calls back the same member method. In short, it is tedious but safer.
Example: ```ts foo.MyClass = zk.$extends(foo.MySuper, { multiply: function (n) { return this.$super(foo.MyClass, 'multiply', n + 2); } ```
Notice that the class specified in the first argument is not the super class having the method. Rather, it is the class that invokes this method.
the object being returned by the method of the superclass.
Invokes a method defined in the superclass with an array of arguments. It is like Function's apply() that takes an array of arguments.
Example: ```ts multiply: function () { return this.$supers('multiply', arguments); } ```
the object being returned by the method of the superclass.
Invokes a method defined in the superclass with an array of arguments. It is like Function's apply() that takes an array of arguments.
It is similar to zk.Object.$supers, but this method works even if the superclass calls back the same member method. In short, it is tedious but safer.
Example: ```ts foo.MyClass = zk.$extends(foo.MySuper, { multiply: function () { return this.$supers(foo.MyClass, 'multiply', arguments); } ```
Notice that the class specified in the first argument is not the super class having the method. Rather, it is the class that invokes this method.
the object being returned by the method of the superclass.
Specifies a function that shall be called after the object is initialized, i.e., after zk.Object.$init is called. This method can be called only during the execution of zk.Object.$init.
It is an advance feature that is used to allow a base class to do something that needs to wait for all deriving classes have been initialized.
Invocation Sequence:
the function to register for execution later
Proxies a member function such that it can be called with this object in a context that this object is not available. It sounds a bit strange at beginning but useful when passing a member of an object that will be executed as a global function.
Example: Let us say if you want a member function to be called periodically, you can do as follows. ```ts setInterval(wgt.proxy(wgt.doIt), 1000); //assume doIt is a member function of wgt ```
With proxy, when doIt is called, this references to wgt. On the other hand, the following won't work since this doesn't reference to wgt, when doIt is called. ```ts setInterval(wgt.doIt, 1000); //WRONG! doIt will not be called with wgt ```
Notice that this method caches the result so that it will return the same proxied function, if you pass the same function again.
a function that can be called as a global function
(that actually have this
referencing to this object).
Static
isDetermines if the class by this Class object is either the same as, or is a superclass of, the class represented by the specified Class parameter. Example:
if (klass1.isAssignableFrom(klass2)) {
}
the Class object to be checked, such as zk.Widget.
true if assignable
Static
isDetermines if the specified Object is assignment-compatible with this Class. This method is equivalent to [[zk.Object#$instanceof]. Example:
if (klass.isInstance(obj)) {
}
the object to check
true if the object is an instance
A wave Scrollbar used to scroll the specific content and provides four controls to navigate the content, such as Home/Previous/Next/End, and also supports the mousewheel control.