使用JSP Documents(JSPX)有条件地在元素上设置属性
题
在HTML表单中,可以通过定义<!> quot; disabled <!>来禁用按钮;属性,具有任何值:
<button name="btn1" disabled="disabled">Hello</button>
如果要启用某个按钮,该属性不应该存在,因为没有定义的值可以将disabled属性设置为启用该按钮。
当我想在使用JSP Documents(jspx)时启用/禁用按钮时,这会导致我出现问题。由于JSP文档必须是格式良好的XML文档,我无法看到有条件地包含此属性的任何方式,因为类似以下内容是不合法的:
<button name="btn1" <%= (isDisabled) ? "disabled" : "" %/> >Hello</button>
虽然我可以使用JSTL if标签复制标签两次以获得所需的效果,但在我的特定情况下,我在按钮上声明了超过15个属性(AJAX的许多javascript事件处理程序属性)因此重复标记即将进行使JSP非常混乱。
如何在不牺牲JSP可读性的情况下解决这个问题?是否有任何自定义标记可以通过操作输出DOM向父项添加属性?
解决方案
我使用带有动态属性的自定义JSP标记。你这样使用它:
<util:element elementName="button" name="btn1" disabled="$(isDisabled ? 'disabled' : '')"/>
基本上,这个标记的作用是生成一个带有elementName的XML元素,并将所有属性放在标记中,但跳过空标记。
标签本身很容易实现,我的实现只有44行。
其他提示
您可以使用<jsp:text>
标记使用有效的XML解决此问题:
<jsp:text><![CDATA[<button name="btn1"]]></jsp:text>
<c:if test="${isDisabled}"> disabled="disabled"</c:if>
>
Hello!
<jsp:text><![CDATA[</button>]]></jsp:text>
这显然比其他一些解决方案更冗长。但它完全独立:不需要自定义标签。此外,它可以轻松扩展到您需要的任意数量的属性。
@alex 使用三元运算符的绝佳解决方案。我添加了一些我的例子,感谢你,我只是更改了条件的结果,如果为true,写入属性,否则不写任何东西
填充列表并选择使用的值,避免c:if
<select id="selectLang" name="selectLang" >
<c:forEach var="language" items="${alLanguages}" >
<option value="${language.id}" ${language.code == usedLanguage ? 'selected' : ''} >${language.description}</option>
</c:forEach>
在开始时检查单选按钮以避免c:if:
<input type="radio" id="id0" value="0" name="radio" ${modelVar == 0 ? 'checked' : ''} />
<input type="radio" id="id1" value="1" name="radio" ${modelVar == 1 ? 'checked' : ''} />
<input type="radio" id="id2" value="2" name="radio" ${modelVar == 2 ? 'checked' : ''} />
我想自从上一篇文章以来已经过了一段时间,但我遇到了与<select><option selected="selected">
标签完全相同的问题,即动态声明选择了哪个选项。为了解决这个问题,我制作了一个自定义标签;我在另一个在这里回答
我得出结论,没有好的捷径; EL和JSP表达式只能存在于XML元素属性(和正文内容)中。所以你必须做以下事情;
<c:choose>
<c:when test="${isDisabled}"><button name="btn1" disabled="disabled">Hello</button></c:when>
<c:otherwise><button name="btn1">Hello</button></c:otherwise>
</c:choose>
使用scriptlet表示法不适用于JSP文档(.jspx)
阅读自动 jsp to jspx converter 我遇到了<jsp:element>
和<jsp:attribute>
标签。如果我理解正确,你应该可以做类似
<jsp:element name="button">
<jsp:attribute name="someAttribute">value</jsp:attribute>
</jsp:element>
并拥有jsp引擎输出
<button someAttribute="value"/>
或类似的东西。在上面的页面中指出的唯一问题是,这似乎不适用于条件结构。转换器的作者解决了创建一些帮助器标签的问题,您可以查看下载源代码。希望有所帮助。
制作标签库(.tagx),然后使用scriptlet标签。
请参阅 http://code.google.com/p/jatl/wiki/JSPExample
<?xml version="1.0" encoding="UTF-8" ?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1">
<jsp:directive.page import="com.googlecode.jatl.Html"/>
<jsp:directive.page import="com.evocatus.product.data.AttributeValue"/>
<jsp:directive.page import="com.evocatus.domain.Product"/>
<jsp:scriptlet>
//<![CDATA[
final Product p = (Product) request.getAttribute("product");
new Html(out) {{
for (AttributeValue v : p.summaryAttributeValues()) {
p();
strong().text(v.getLabel()).end();
text(": " + v.getValue());
endAll();
}
}};
//]]>
</jsp:scriptlet>
</jsp:root>
是的,这是作弊......但它完成了工作。另外,你可以用这种方式为树结构做一些非常令人讨厌的复杂递归。
我还在我的博客上发布了另一个解决方案,gist.github使用了一堆tagx库: http://adamgent.com/post/8083703288/conditional-set-an-attribute-on-an-element-with-jspx
<!> lt;%= blah%<!> gt;语法不是JSP文档所需的合法XML。您有两个选择:
- 替换<!> lt;%=(isDisabled)? <!> QUOT; <!>禁用QUOT; :<!> quot; <!> quot; %GT <!>;与<!> lt; jsp.expression <!> gt;(isDisabled)? <!> QUOT; <!>禁用QUOT; :<!> quot; <!> quot; <!> lt; /jsp.expression <!> gt;
- 使用Core taglib和EL(确保将isDisabled放入页面范围),如下所示: 醇>
<c:choose> <c:when test="${isDisabled}">"disabled"</c:when> <c:otherwise>""</c:otherwise> </c:choose>
希望有所帮助:)
我一直在努力解决同样的问题。我尝试在<jsp:attribute name="disabled"/>
内部使用<c:if>
,但编译器会尝试将disabled属性附加到失败的c:if
元素。但我发现这确实有效(stripes:submit
是一个用于创建条带提交类型按钮的元素):
<stripes:submit name="process" value="Hello">
<jsp:attribute name="disabled">
<c:if test="${x == 0}">disabled</disabled>
</jsp:attribute>
</stripes:submit>
如果正文只包含空格,那么jsp:attribute
似乎根本不会创建属性,所以要么得到disabled="disabled"
,要么根本不得。
这只有在使用某种taglib生成按钮时才有效,而tag元素必须支持disabled属性(将其传递给底层HTML元素)。您不能使用<=>将属性添加到原始HTML元素。
我实际上并没有使用JSP(我回复了一次,然后当我理解<!>“必须通过有效的XML <!>”之后删除它)。我能想到的最干净的是:
<% if (isDisabled) { %>
<button name="btn1" disabled="disabled">Hello</button>
<% } else { %>
<button name="btn1">Hello</button>
<% } %>