1.style属性的display 被隐藏的控件不再占用显示时占用的位置:
this.getElementByXid(‘domXid’).style.display=”none”
this.getElementByXid(‘domXid’).style.display=”block”
2.visibility隐藏的控件仅仅是将控件设置成不可见了,控件仍然占俱原来的位置:
this.getElementByXid(‘domXid’).style.visibility=”hidden”
this.getElementByXid(‘domXid’).style.visibility=”visible”
3.通过jquery 进行控制显示隐藏:
$(this.getElementByXid(‘domXid’)).hide()
$(this.getElementByXid(‘domXid’)).show()
4.通过bind-visible 绑定KO对象或data组件字段控制隐藏,隐藏后dom节点实际还在
详情连接:http://doc.wex5.com/data-bind-visible/
5.通过bind-if 绑定KO对象或data组件字段控制隐藏,隐藏后dom节点已经不存在了,用法和bind-visible是一样的
需要注意的是:bind-if 控制的是当前dom节点下的子节点的存在与否(不包含当前节点),而bind-visible 是控制当前节点下的所有元素的隐藏的(包含当前节点)