簡體   English   中英

Wicket TextField-添加Javascript

[英]Wicket TextField - Adding Javascript

我是Wicket的新手,在wicket中配置文本字段時遇到問題。 我需要在此文本字段配置過程中添加一些Javascript,以便可以將其轉換為Bootstrap Datepicker元素(我已經使用過DateTimeField和DateTextField,並且它們添加了我不想要的日歷,小時和分鍾字段)

我試過下面的代碼-

的HTML

<div class="input">
    <div class="input-group date">
        <input wicket:id="dateValue" class="std" style="color: black;" type="text" value="Date value" />
        <span class="input-group-addon dateTimePick"><span class="glyphicon glyphicon-calendar"></span></span>
    </div>
</div>

爪哇

private TextField<String> addValueDatePickerNew(final MarkupContainer parent, final String id, final IModel<String> model)
{
    final TextField<String> result = new TextField<String>(id, model) {
        private static final long serialVersionUID = 1L;

        @Override
        protected void onConfigure()
        {
            setVisibilityAllowed(true);
            setRequired(true);
        }

        @Override
        protected void onComponentTag(ComponentTag tag) 
        {
            super.onComponentTag(tag);
            String jsDateField = "{console.log('From ReportFilterValueEditor');}";
            tag.put("onload", jsDateField);
        }
    };

    result.setOutputMarkupId(true);
    parent.add(result);
    return result;
}

上面的代碼可以正常工作並在onload期間添加JS語句,但是,正在尋找另一種添加Javascript的方式,以便我可以執行更多行JS來實現所需的功能。

您需要使用

 @Override void renderHead(IHeaderResponse response) {
    response.render(OnDomReadyHeaderItem.forScript("some valid JavaScript Here"));
 }

您還可以使用OnLoadHeaderItemOnEventHeaderItem ,如果你認為他們是你的使用情況較好。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM