样式化检票日期时间字段答案

【问题标题】：Styling Wicket datetimefield样式化检票日期时间字段
【发布时间】：2011-11-28 14:24:41
【问题描述】：

我正在使用 Wicket 的 DateTimeField 组件，但我很难对其应用任何样式。 HTML sn-p 是这样的：

<span id="creationDate" wicket:id="creationDate" />

伴随的Java是：

add(new DateTimeField("creationDate", new PropertyModel<Date>(this, "creationDate")));

哪个有效，但产生了这个（我已经整理好了）：

<span id="creationDate" wicket:id="creationDate">
<wicket:panel xmlns:wicket="http://wicket.apache.org">
<span style="white-space: nowrap;">
    <input type="text" wicket:id="date" size="12" value="28/11/11" name="creationDate:date" id="date1f"/>
    <span class="yui-skin-sam">&nbsp;
        <span style="display:none;position:absolute;z-index: 99999;" id="date1fDp"></span>
        <img style="cursor: pointer; border: none;" id="date1fIcon" src="wicket/resource/org.apache.wicket.extensions.yui.calendar.DatePicker/icon1-ver-1322148000242.gif" alt="" title=""/>
    </span>
    <input type="text" wicket:id="hours" size="2" value="14" name="creationDate:hours"/>
    <span wicket:id="hoursSeparator">&#160;:</span>
    <input type="text" wicket:id="minutes" size="2" value="17" name="creationDate:minutes"/>
</span>

我希望做的是单独获取组件，然后向它们添加style 或class 属性。有什么办法可以做到吗？

【问题讨论】：

标签： css wicket

【解决方案1】：

您可以使用超类Component中定义的方法public Component add(final Behavior... behaviors)。

您正在寻找的是 AttributeAppender 行为，您可以使用它添加 CSS id/classes 或您想要附加的所有其他属性。

查看 API：http://wicket.apache.org/apidocs/1.5/org/apache/wicket/behavior/AttributeAppender.html

更新

我刚刚快速浏览了DateTimeField 的源代码。不幸的是，您不能单独访问这些组件。

我可以想到两种方式来设置组件的样式：

您可以将整个 DateTimeField 放在自定义 div 中，然后，例如，通过级联 css 选择器访问文本字段。（例如#myDiv 输入）
或者您使用现有的源代码创建自己的 DateTimeField 类，并将您的 css id/类放在那里。

【讨论】：

我意识到我的问题写得不对，所以我编辑了最后一段。不过我会看看你说什么...

【解决方案2】：

原来你可以覆盖 HTML，在这种情况下，通过替换 org.apache.wicket.extensions.yui.calendar 包中的 DateTimeField.html。然后这会替换默认的 HTML，并且是我添加类详细信息的地方。

【讨论】：

没错，这也是可能的:)