Jak wyłączyć fokus dla pierwszego wejścia w oknie PrimFaces?

Question

Mam okno dialogowe na mojej stronie, które zawiera pole wejściowe (data, kalendarz). Problem polega na tym, że kalendarz otwiera się bezpośrednio po otwarciu okna dialogowego, ponieważ fokus jest ustawiony na pierwszym wejściu.

Czy istnieje sposób wyłączenia fokusa w obszarach wstępnych?

Answer 1

Możesz zmienić domyślne zachowanie;

http://forum.primefaces.org/viewtopic.php?f=3&t=29050

Zawsze można przesłonić domyślne zachowania wzory, na przykład w celu zapobieżenia ostrość kalendarza na otwarciu dialogowym;

PrimeFaces.widget.Dialog.prototype.applyFocus = function() { 
    var firstInput = this.jq.find(':not(:submit):not(:button):input:visible:enabled:first'); 
    if(!firstInput.hasClass('hasDatepicker')) { 
     firstInput.focus(); 
    } 
} 

oryginalny kod to;

PrimeFaces.widget.Dialog.prototype.applyFocus = function() { 
    this.jq.find(':not(:submit):not(:button):input:visible:enabled:first').focus(); 
} 

Jeśli umieścisz przesłonę po zasobach PrimeFaces, wówczas zostanie zastosowana implementacja applyFocus.

Proponuję utworzyć plik js, jak np. Primefaces-overrides.js i umieścić w nim takie rzeczy, jedną wadę, ponieważ kodujesz na niskim poziomie apis, musisz uważać na regresje podczas migracji, chociaż staramy się zachowaj zgodność wstecz tak dużo, jak tylko możemy.

Answer 2

Kolejny trik, aby rozwiązać ten problem:

Dodałem wprowadzania tekstu jako pierwszego wejścia okna w moim oknie:

<p:dialog id="myDialogId" widgetVar="myDialog".... 

    <p:inputText id="fixForFocusProblem"/> 

    <p:calendar ... 
    .. 
</p:dialog> 

A kiedy pokazywania okna Ja nazywam to:

$('#myForm\\:fixForFocusProblem').show(); 
myDialog.show(); 
$('#myForm\\:fixForFocusProblem').hide(); 

W ten sposób fokus staje się tekstem wejściowym, który staje się natychmiast niewidoczny.

Nie tak ładne, ale działa bez wizualnie niepokojące.

Answer 3

Będzie to również zrobić:

<p:dialog onShow="$(document.activeElement).blur()" ...> 

Or Primefaces jQuery

<p:dialog onShow="jQuery(document.activeElement).blur()" ...> 

Answer 4

dodać ten skrypt w .xhtml:

PrimeFaces.widget.Dialog.prototype.applyFocus = function() { 
     var firstInput = this.jq.find(':not(:submit):not(:button):input:visible:enabled:first'); 
     if (!firstInput.hasClass('hasDatepicker')) { 
      firstInput.focus(); 
     } 
    } 

Answer 5

Coś prostsze można ustawić ostrości domyślnie inne wejście, które masz.

<p:dialog id="dialog" header="Users" focus="savebtn" widgetVar="txtName"> 

Jeśli dzwonisz z innego pliku

<p:dialog id="dialog" header="Users" focus="savebtn" widgetVar="formRegUsers:txtName">