Question

我有一堆显示名称的<div>元素。我想在每个+的一侧添加<div>链接，点击后，展开<div>并添加更多详细信息（来自RoR控制器）。

在网上闲逛之后，我找到了link_to_remote和相关的RoR东西，但我似乎找不到合适的组合来协同工作。有人能指点我一个教程或显示控制器和视图交互应该是什么样的吗？

谢谢！

Answer 1

您可以使用以下示例中的Javascript轻松完成此操作：

<html>
<head>
<title>Text Page</title>
<script language="Javascript">
  function toggleDiv(divid) {
    if (document.getElementById(divid).style.visibility == 'hidden') {
      document.getElementById(divid).style.visibility = 'visible';
    }
    else {
      document.getElementById(divid).style.visibility = 'hidden';
    }
  }
</script>
</head>
<body>
  <span onClick="toggleDiv('div1');" style="cursor:pointer;">+</span>
  <div id="div1" style="visibility:hidden;">This is DIV 1</div>
  <span onClick="toggleDiv('div2');" style="cursor:pointer;">+</span>
  <div id="div2" style="visibility:hidden;">This is DIV 2</div>
</body>
</html>

如果您将DIV的初始可见性设置为隐藏，则可以使用上面显示的toggleDiv函数切换给定ID的任何DIV的可见性。您可能需要调整DIV的样式定义以显示在加号旁边（例如，将它们放在表格中的相邻<TD>'s中），但我想我会保持简单。

祝你好运。

在基于div的表中扩展行

1 个答案: