gpt4 book ai didi

javascript - 如何通过 JavaScript 隐藏/显示 Tiles 中的 div?

转载 作者:行者123 更新时间:2023-11-28 16:59:31 26 4
gpt4 key购买 nike

我正在开发一个使用 Struts 2 和 Tiles 3 的 JSP 站点,它有不同的选项卡,每个选项卡显示一个带有表格的 div。我需要添加一个包含 2 个表格的选项卡,并根据按钮选择显示一个或另一个。

是否可以通过 JS 以某种方式显示/隐藏它们?我已经尝试了一段时间了,Tiles 似乎并不关心我从 JS 做的事情。

我一直在使用这个,有一些变化,但到目前为止运气不好。我对 JS 有点陌生,所以我可能做错了什么,或者 Tiles 有一种方法可以动态地/在运行时隐藏/显示我不知道的东西。

document.getElementById('controlPools').style.display='none';
document.getElementById('controlPools').style.display='inline';

controlPoolsdiv 的名称,包含它的图 block 的名称是 controlPool

这是JSP页面的代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://displaytag.sf.net" prefix="display"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<body>

<fieldset>

<div id="controlPools">
<display:table name="lstPools" class="displaytag" id="tablaPools" >

<display:column style="width: 90%" >
<a href="javascript:getNodosPool('${tablaPools.name}')" >${tablaPools.name}</a>
</display:column>

<display:column style="width: 10%" property="nodes"/>

</display:table>
</div>

<div id="nodosPool" style="display: none;" >
<display:table name="lstMembers" class="displaytag" id="tablaNodesPool">

<display:column style="width: 5%" >
<input type="checkbox" id="${tablaNodesPool.name}" class="node" value="${tablaNodesPool.name}" style="margin: 0 0 0 4px" />
</display:column>
<display:column title="Status CBS" style="width: 10%">
<div id="iconStatus" class="${tablaNodesPool.classStatus}" /></div>
</display:column>

<display:column title="Status STF" style="width: 10%">
<div id="iconStatus" class="${tablaNodesPool.classStatus2}" /></div>
</display:column>

<display:column property="name" />
<display:column property="ip" />
<display:column property="description" />

</display:table>

<button onclick="enableNodesPool();" ><s:text name="controlSnmp.enableSelected"/></button>
<button onclick="disableNodesPool();" ><s:text name="controlSnmp.disableSelected"/></button>
<button onclick="getNodosPool();"><s:text name="controlSnmp.buttonRefresh"/></button>
</div>


</fieldset>
</body>

<script>

</script>

最佳答案

Tiles 与客户端无关,因此如果您使用 JS 代码做某事,您已经在使用 DOM,但是可以使用 tiles 结果呈现该文档。无论如何,它只会改变您需要修改的正确样式以使用某些 JS 函数显示/隐藏某些 html 内容

隐藏:

document.getElementById('controlPools').style.display='none';

显示:

document.getElementById('controlPools').style.display='block';

关于javascript - 如何通过 JavaScript 隐藏/显示 Tiles 中的 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31543463/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com