Hi Oleg,
did not work as expected. Focus is in component --> OK, but the icon/button to get the "popup" is not rendered,:
here is a short test page - anything wrong with it?
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:pe="http://primefaces.org/ui/extensions"
xmlns:f="http://java.sun.com/jsf/core">
<h:head>
<script type="text/javascript">
$('#timepicker').timepicker({
showOn: 'button',
button: '.timepicker_button_trigger'
});
</script>
</h:head>
<h:body>
<br/>
<p:focus id="focus" for="form:time" />
<h:form id="form">
<pe:timePicker id="time" />
</h:form>
</h:body>
</html>
(relevant?) rendered HTML:
Code: Select all
<span id="form:time" class="pe-timepicker ui-widget ui-corner-all"><input id="form:time_input" name="form:time_input" type="text" autocomplete="off" class="ui-inputfield pe-timepicker-input ui-state-default ui-corner-all" /><a class="pe-timepicker-button pe-timepicker-up ui-corner-tr ui-button ui-widget ui-state-default ui-button-text-only"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-n"></span></span></a><a class="pe-timepicker-button pe-timepicker-down ui-corner-br ui-button ui-widget ui-state-default ui-button-text-only"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-s"></span></span></a></span><script id="form:time_s" type="text/javascript">$(function(){PrimeFacesExt.cw('TimePicker', 'widget_form_time',{id:'form:time',timeSeparator:':',myPosition:'left top',atPosition:'left bottom',showPeriod:false,showPeriodLabels:false,modeInline:false,modeSpinner:true,hours:{starts:0,ends:23},minutes:{starts:0,ends:55,interval:5},rows:4,showHours:true,showMinutes:true,showCloseButton:false,showNowButton:false,showDeselectButton:false,locale:'de',disabled:false,defaultTime:''},true);});</script>
Thank you for your support!