javascript - 可见性：在 javascript 中折叠

Question

我将 Ultrawebgrid 用于我的应用程序：

当用户单击该特定行时，我正在使用 textarea 在行模板中列出我的应用程序中的错误...

所以当有任何错误时我需要 texarea .....否则当没有错误时我什至不希望 row_template 弹出.....我使用的是 IE6。

我正在检查使用 javascript.so 是否有任何错误。所以我不得不使用 javascript 事件处理程序:: UltraWebGrid1_BeforeRowTemplateOpenHandler(gridName, rowId, templateId)

我在哪里写下面给出的语句： document.getElementById("TextArea2").style.visibility="collapse" 在上面的事件函数中

1）它显示javascript错误为 “无法获得可见性属性：无效参数” ，但行模板没有弹出...... ..只有错误即将到来......

2）在没有错误的情况下，是否有任何代码可以阻止行模板。？？我的意思是没有弹出窗口没有错误

这个有什么解决办法？？？

Answer 1

展示

使用显示而不是可见性。这在您的文档中不占用任何空间。

document.getElementById("TextArea2").style.display = 'none';    // Turn off    
document.getElementById("TextArea2").style.display = 'inline';  // Turn on

能见度

document.getElementById("TextArea2").style.visibility="hidden";    // Turn off
document.getElementById("TextArea2").style.visibility="visible";    // Turn on

通过使用上面的代码 textarea 将不可见，但在您的文档中会有空白空间，具有 textarea 的高度和宽度。

'collapse' 值也仅在 Internet Explorer 8 中受支持

Answer 2

尝试使用：

document.getElementById("TextArea2").style.display = 'none';

和（再次打开它）

document.getElementById("TextArea2").style.display = 'block'; // or 'inline'

Answer 3

你要：

document.getElementById("TextArea2").style.visibility = "hidden";

正如您的错误消息所示，“折叠”不是 IE6 中可见性属性的有效值。

或者，按照@tvanoffsen 的建议，您可以将显示属性设置为“无”。这有一个稍微不同的效果 - 如果设置为 ，它不会占用任何空间"display: none"，而设置"visibility: hidden"仍然占用空间。

Answer 4

对 .style.visibility 属性使用可见和隐藏，而不是阻止和隐藏。有用。