이벤트 목록
이 안 요.<p:ajax>
어떤 이 전체 수 있나요?<p:ajax>
태그? 태그?
것은 onblur
이벤트나 비슷한 것.
이벤트에 대한 일반적인 개요는 "JavaScript HTML DOM 이벤트"에서 확인할 수 있습니다.
http://www.w3schools.com/jsref/dom_obj_event.asp
PrimeFaces는 jQuery를 기반으로 하기 때문에 jQuery의 "이벤트" 문서는 다음과 같습니다.
http://api.jquery.com/category/events/
http://api.jquery.com/category/events/form-events/
http://api.jquery.com/category/events/keyboard-events/
http://api.jquery.com/category/events/mouse-events/
http://api.jquery.com/category/events/browser-events/
아래에는 jQuery 문서에서 가져온 사용 가능한 위치에 대한 코멘트와 함께 자주 발생하는 이벤트를 몇 가지 나열했습니다.
마우스 이벤트
(모든 HTML 요소는 이러한 이벤트를 수신할 수 있습니다).
click
dblclick
mousedown
mousemove
mouseover
mouseout
mouseup
키보드 이벤트
(이러한 이벤트는 임의의 요소에 부가할 수 있지만 이벤트는 포커스가 있는 요소에만 전송됩니다.브라우저에 따라 포커스가 가능한 요소는 다를 수 있지만 폼 요소는 항상 포커스를 받을 수 있기 때문에 이러한 이벤트 유형에 적합한 후보입니다.)
keydown
keypress
keyup
폼 이벤트
blur
(최근 브라우저에서는 이벤트 도메인이 모든 요소 유형을 포함하도록 확장되었습니다.)
change
이는 (로 됩니다.)<input>
「」,<textarea>
및 " " "<select>
요소)를 참조해 주세요.
focus
(이는 폼 요소 제한된할 수 있습니다<input>
,<select>
등)및 「 」 「 」 「 」 ).<a href>
최근 브라우저 버전에서는 요소의 tabindex 속성을 명시적으로 설정함으로써 이벤트를 확장하여 모든 요소 유형을 포함할 수 있습니다.요소는 Tab 키와 같은 키보드 명령이나 요소를 마우스 클릭으로 포커스를 얻을 수 있습니다.)
select
이는 (로 됩니다.)<input type="text">
및 " " "<textarea>
박스를 클릭합니다.
submit
할 수 은 (「 」 「 」 ) 뿐입니다.<form>
요소)를 참조해 주세요.
PrimeFaces User's Guide에서 "Ajax Behavior Events"를 검색할 수 있으며 지원되는 모든 컴포넌트에 대한 풍부한 이벤트를 찾을 수 있습니다.PrimeFaces가 이끄는 Optimus Prime이 PrimeFaces 포럼 이벤트 리스트에서 이와 관련된 질문에서 제안하는 것이기도 하다.
onblur
name이지만 Atribute name이라는 이벤트가 .blur
이벤트. HTML 속성 이름처럼 "on" 접두사가 없습니다.또한 해당 컴포넌트의 태그 설명서의 모든 "on*" 속성을 확인하여 사용 가능한 컴포넌트를 확인할 수도 있습니다.
스케줄은 다양한 Ajax 동작 이벤트를 제공하여 사용자 액션에 응답합니다.
- "date Select" org.primefaces.event.[ SelectEvent When date ]를 선택합니다.
- "event Select" org.primefaces.event.SelectEvent 이벤트가 선택되었을 때.
- "event Move" org.primefaces.event.ScheduleEntryMoveEvent 이벤트가 이동되는 경우.
- "eventResize" org.primefaces.event.ScheduleEntryResizeEvent 이벤트 크기 조정 시.
- "viewChange" org.primefaces.event.뷰가 변경되었을 때 이벤트 선택.
- "toggle Select" org.prime faces.event.ToggleSelectEvent 모든 체크박스를 전환할 때
- org.prime faces.event를 지정합니다.NodeExpandEvent 노드가 확장되는 경우.
- org.prime faces.event를 지정합니다.Node Collapse Event 노드가 접힌 경우.
- "select" org.primefaces.event.Node Select Event 노드가 선택되었을 때 -
- org.prime faces.event를 지정합니다.NodeUnselectEvent 노드가 선택 해제된 경우
- org.prime faces.event를 표시합니다.NodeExpandEvent 노드가 확장되는 경우.
- "선택 해제" org.primefaces.event.NodeUnselectEvent 노드가 선택 해제된 경우.
- "colresize" org.prime faces.event.ColumnResizeEvent 열 크기 조정 시
- "page" org.primefaces.event.data.페이지 번호 지정 시 페이지 이벤트.
- org.primefaces.event.data 를 지정합니다.SortEvent 열이 정렬되는 경우.
- "filter" org.primefaces.event.data.FilterEvent On 필터링.
- "row Select" org.primefaces.event.[ SelectEvent When a low ]를 선택합니다.
- "rowUnselect" org.primefaces.event.UnselectEvent 행 선택을 해제하는 경우.
- rowEdit" org.primefaces.event.RowEditEvent 행 편집 시.
- rowEditInit" org.primefaces.event.RowEditEvent 행이 편집 모드로 전환되는 경우
- "rowEditCancel" org.primefaces.event.RowEditEvent 행 편집이 취소된 경우.
- "colresize" org.prime faces.event.ColumnResizeEvent 열이 선택되는 경우.
- "toggle Select" org.prime faces.event.ToggleSelectEvent When header 체크박스가 켜져 있을 때
- "colrer" - 열이 정렬될 때.
- "row Select Radio" org.prime faces.event.[ Event Row with radio ]를 선택합니다.
- "row Select Checkbox" org.prime faces.event.[ Event Row ]체크박스를 켜겠습니다
- "rowUnselectCheckbox" org.primefaces.event.[ UnselectEvent Row unselection ]체크박스를 켜겠습니다
- rowDblselect org.prime faces.event.더블클릭으로 [Event Row]를 선택합니다.
- rowToggle org.prime faces.event.ToggleEvent Row 확장 또는 축소
- "contextMenu" org.primefaces.event.[ Event Context Menu ]화면을 선택합니다.
- "cellEdit" org.prime faces.event.CellEditEvent 셀이 편집되는 경우.
- "rowReorder" org.prime faces.event.ReorderEvent On 행 순서 변경.
자세한 것은 이쪽 https://www.primefaces.org/docs/guide/primefaces_user_guide_5_0.pdf 를 참조해 주세요.
할 수 있는 는 에 묶여 p:ajax
Ajax 이벤트가 지원되는 컴포넌트에 대해 물어봐야 합니다.
특정 컴포넌트의 Ajax 이벤트를 판별하는 방법은 여러 가지가 있습니다.
1) xhtml의 컴포넌트에 문의합니다.
할 수 .eventNames
★★★★
<p:autoComplete binding="#{ac}"></p:autoComplete>
<h:outputText value="#{ac.eventNames}" />
이 출력은
[blur, change, valueChange, click, dblclick, focus, keydown, keypress, keyup,
mousedown, mousemove, mouseout, mouseover, mouseup, select, itemSelect,
itemUnselect, query, moreText, clear]
2) Java 코드로 컴포넌트에 문의합니다.
하여 그합니다.javax.faces.component.UIComponentBase.getEventNames()
★★★★
import javax.faces.component.UIComponentBase;
public class SomeTest {
public static void main(String[] args) {
dumpEvents(new org.primefaces.component.inputtext.InputText());
dumpEvents(new org.primefaces.component.autocomplete.AutoComplete());
dumpEvents(new org.primefaces.component.datatable.DataTable());
}
private static void dumpEvents(UIComponentBase comp) {
System.out.println(
comp + ":\n\tdefaultEvent: " + comp.getDefaultEventName() + ";\n\tEvents: " + comp.getEventNames());
}
}
출력은 다음과 같습니다.
org.primefaces.component.inputtext.InputText@239963d8:
defaultEvent: valueChange;
Events: [blur, change, valueChange, click, dblclick, focus, keydown, keypress, keyup, mousedown, mousemove, mouseout, mouseover, mouseup, select]
org.primefaces.component.autocomplete.AutoComplete@72d818d1:
defaultEvent: valueChange;
Events: [blur, change, valueChange, click, dblclick, focus, keydown, keypress, keyup, mousedown, mousemove, mouseout, mouseover, mouseup, select, itemSelect, itemUnselect, query, moreText, clear]
org.primefaces.component.datatable.DataTable@614ddd49:
defaultEvent: null;
Events: [rowUnselect, colReorder, tap, rowEditInit, toggleSelect, cellEditInit, sort, rowToggle, cellEdit, rowSelectRadio, filter, cellEditCancel, rowSelect, contextMenu, taphold, rowReorder, colResize, rowUnselectCheckbox, rowDblselect, rowEdit, page, rowEditCancel, virtualScroll, rowSelectCheckbox]
3) 'rtfm';-)
"Prime Faces btw" "Prime Faces btw" "Prime Faces btw" "Prime Faces btw" "Prime Faces btw ( )p:ajax
Ajax 동작을 제공하는 모든 구성 요소에 부착할 수 있습니다.)
이전 제안에 비해 이 문서는 이벤트 이름뿐만 아니라 청취자가 포착할 수 있는 이벤트 유형 클래스로 풍부해질 수 있는 이벤트에 대한 설명도 강화한다는 장점이 있습니다.
를 들면, 「 」입니다.org.primefaces.event.SelectEvent
의 경우
<p:ajax event="itemSelect" listener="#{anyBean.onItemSelect}"/>
" " " " " " "public void onItemSelect(SelectEvent)
에 기타 이벤트 컨텍스트데이터를 나타냅니다.
PrimeFaces 문서의 설명서에 명시적인 ajax 이벤트 목록이 없는 경우 on* javascript 콜백 목록을 이벤트로 사용할 수 있습니다.이 경우 on*을 삭제하고 나머지를 이벤트 이름으로 사용합니다.이 질문의 다른 답변도 이러한 플레인 돔 이벤트에 대한 도움을 제공합니다.
불행하게도, Ajax의 사건들은 문서화되어 있지 않고 나는 어떤 포괄적인 목록도 찾지 못했다.예를 들어 User Guide v. 3.5에는 다음 항목에 대한 itemChange 이벤트가 나열되어 있습니다.p:autoComplete
변경 이벤트에 대한 언급을 잊었습니다.
지원되는 이벤트를 확인하려면 다음 절차를 따릅니다.
- primefaces 소스 jar 다운로드 및 언팩
- 컴포넌트가 정의되어 있는 JavaScript 파일을 찾습니다(예를 들어 대부분의 폼 컴포넌트:
SelectOneMenu
정의되어 있습니다.) - (Search(검))
this.cfg.behaviors
예를 들어, 이 섹션에서는 토글을 시작합니다.이벤트 선택SelectCheckboxMenu
★★★★★★★★★★★★★★★★★★:
fireToggleSelectEvent: function(checked) {
if(this.cfg.behaviors) {
var toggleSelectBehavior = this.cfg.behaviors['toggleSelect'];
if(toggleSelectBehavior) {
var ext = {
params: [{name: this.id + '_checked', value: checked}]
}
}
toggleSelectBehavior.call(this, null, ext);
}
},
리스트는 디버깅모드로 되어 있습니다.먼저 에러가 발생한 포인트를 확인했습니다.
javax.faces.view.facellets.Tag Exception : /showcase/partial_submit.xhtml @26,36 이벤트: 변경은 지원되지 않습니다.org.prime faces.component.behavior.displaces.displaces.AjaxBehaviorHandler.applyAttachedObject(AjaxBehaviorHandler.java:179) org.primefaces.component.behavior.displaces.displaces.AjaxBehaviorHandler.apply(AjaxBehaviorHandler.java:157)
Ajax Behavior Handler를 디버깅했습니다.
따라서 지원되는 이벤트의 올바른 목록을 검색하려면 오류를 생성하고(잘못된 이벤트 이름을 사용하여) 다음과 같이 하십시오.
디버깅 중에 발견한 내용은 다음과 같습니다.
언급URL : https://stackoverflow.com/questions/11586779/list-of-pajax-events
'programing' 카테고리의 다른 글
php 루프의 모든 n번째 항목에 클래스를 추가하려면 어떻게 해야 합니까(wordpress (0) | 2023.03.28 |
---|---|
ASP.NET MVC Raw JSON Post 데이터 읽기 (0) | 2023.03.28 |
ng-include src를 동적으로 구축하려면 어떻게 해야 합니까? (0) | 2023.03.28 |
플라스크에서 ajax 호출을 사용하여 파일을 업로드하는 방법 (0) | 2023.03.28 |
apache에서 nginx로: 워드프레스 다시 쓰기 규칙 (0) | 2023.03.28 |