zk开发中使用jQuery.show与widget.show()的区别

 

jQuery.show仅仅是设置元素本身的可见性，而widget.show()除了设置dom元素的可见性外，还设置了其依赖项，下面是一个测试代码，

 

 <div>
		<button label="jQuery.show" w:onClick="jq('$txtTest1').show();"></button>
		<textbox id="txtTest1" constraint="no empty:txtTest1 no empty"
			visible="false"></textbox>
	</div>
	<div>
		<button label="widget.show" w:onClick="this.$f('txtTest2').show()"></button>
		<textbox id="txtTest2" constraint="no empty:txtTest2 no empty"
			visible="false"></textbox>
	</div>

在这个测试代码中，id等于txtTest1和txtTest2d的文本框的不允许空值,初始都为隐藏状态，当点击jQuery.show的时候显示txtTest1

,当点击widget.show的时候显示txtTest2,在这里不同的是，

当你分别让txtTest1和txtTest2获得焦点然后再失去焦点时，仅仅txtTest2有错误提示

 

 

下面是zk widget.show的源码（zk.jar/web.js.zk/widget.src.js）

 

 

show: function () {return this.setVisible(true);},

setVisible: function (visible) {
		if (this._visible != visible) {
			this._visible = visible;

			var p = this.parent, ocvCalled;
			if (this.desktop) {
				var parentVisible = !p || p.isRealVisible(),
					node = this.$n(),
					floating = this._floating;

				if (!parentVisible) {
					if (!floating) this.setDomVisible_(node, visible);
				} else if (visible) {
					var zi;
					if (floating)
						this.setZIndex(zi = _topZIndex(this), {fire:true});

					this.setDomVisible_(node, true);

					
					for (var j = 0, fl = _floatings.length; j < fl; ++j) {
						var w = _floatings[j].widget,
							n = _floatings[j].node;
						if (this == w)
							w.setDomVisible_(n, true, {visibility:1});
						else if (_floatVisibleDependent(this, w)) {
							zi = zi >= 0 ? ++zi: _topZIndex(w);
							w.setFloatZIndex_(n, zi);
							w.setDomVisible_(n, true, {visibility:1});
						}
					}

					if (ocvCalled = p) p.onChildVisible_(this);
						
					
					this.fire('onShow');
					if (!zk.animating())
						zWatch.fireDown('onShow', this);
				} else {
					this.fire('onHide');
					if (!zk.animating())
						zWatch.fireDown('onHide', this);

					for (var j = _floatings.length, bindLevel = this.bindLevel; j--;) {
						var w = _floatings[j].widget;
						if (bindLevel >= w.bindLevel)
							break; 
						if (_floatVisibleDependent(this, w))
							w.setDomVisible_(_floatings[j].node, false, {visibility:1});
					}

					this.setDomVisible_(node, false);
				}
			}
			if (p && !ocvCalled) p.onChildVisible_(this);
				
		}
		return this;
	}

 

 

所以，当显示隐藏区域，并且隐藏区域包含验证的可输入框时，一定要注意这两种的区别

 

 

在客户端编程时，当使用jQuery.show、jQuery.slideDown、jQuery.fadeIn时尽量使用

widget.show、zk('#componentId').slideDown或者zk('#componentId').slideIn代替

 

zk提供的四个特效

 

 

 

 jqzk 

slideDown(Widget wgt, Map opts)  Slides down (show) of the matched DOM element(s).

 

 jqzk

  slideIn(Widget wgt, Map opts)   Slides in (show) of the matched DOM element(s).

 

 jqzk

 slideOut(Widget wgt, Map opts)    Slides out (hide) of the matched DOM element(s).

 

 jqzk  slideUp(Widget wgt, Map opts)     Slides up (hide) of the matched DOM element(s).