Wicket TextField - Ajout de Javascript

Question

Je suis nouveau à Wicket et rencontre un problème lors de la configuration d'un champ de texte dans le portillon. Je dois ajouter du Javascript pendant cette configuration de champ de texte afin que je puisse le convertir en élément Bootstrap Datepicker (j'ai déjà utilisé DateTimeField et DateTextField et ils ajoutent le champ de calendrier, d'heures et de minutes que je ne veux pas)

I ont essayé le code ci-dessous -

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> 

Java

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; 
} 

Le code ci-dessus fonctionne et ajoute l'instruction JS pendant le chargement, cependant, en cherchant un autre moyen d'ajouter Javascript afin que je puisse exécuter plus de lignes de JS pour obtenir la fonctionnalité dont j'ai besoin.

Answer 1

Vous devez utiliser

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

Vous pouvez également utiliser OnLoadHeaderItem ou OnEventHeaderItem si vous pensez qu'ils sont mieux pour votre cas d'utilisation.