此属性列表请对照jQuery EasyUI 1.0.5,关于它的更多资讯请猛击这里。
属性分为CSS片段和JS片段。
CSS 클래스 정의:
1. div easyui-window 창 창 스타일을 생성합니다.
속성은 다음과 같습니다.
1) modal: 모달 창을 생성할지 여부입니다. 참[예] 거짓[아니요]
그림자: 창 그림자를 표시할지 여부입니다. true[표시] false[표시하지 않음]
2. div easyui-panel 패널을 생성합니다.
속성은 다음과 같습니다.
1)title: 제목 텍스트가 패널 상단에 표시됩니다.
2)iconCls: CSS 클래스를 통해 패널에 16x16 아이콘을 표시합니다.
3)width: 패널 너비를 설정합니다. 기본값은 자동입니다.
4) 높이: 패널의 높이를 설정합니다. 기본값은 자동입니다.
5)left: 패널의 왼쪽 여백을 설정합니다.
6)top: 패널의 상단 위치를 설정합니다.
7)cls: 패널에 Class 클래스를 추가합니다.
8) headerCls: 패널 헤더에 Class 클래스를 추가합니다.
9)bodyCls: 패널 콘텐츠에 Class 클래스를 추가합니다.
10)스타일: 패널에 지정된 스타일을 추가합니다.
11)fit: True이면 패널 크기를 상위 컨테이너에 맞게 설정합니다. 기본값은 거짓입니다.
12)border: 정의되면 패널 테두리를 표시합니다. 기본값은 true입니다.
13)doSize: True로 설정하면 패널의 크기가 조정되고 레이아웃이 다시 작성됩니다. 기본값은 true입니다.
14) 접기 가능: 정의 시 접을 수 있는 패널을 표시하는 버튼입니다. 기본값은 거짓입니다.
15)minimized: 정의되면 패널을 최소화하는 버튼을 표시합니다. 기본값은 거짓입니다.
16)maximized: 정의하면 패널을 최대화하는 버튼이 표시됩니다. 기본값은 거짓입니다.
17)closable: 정의하면 패널을 닫는 버튼이 표시됩니다. 기본값은 거짓입니다.
18) 도구: 사용자 정의 도구 모음, 각 도구에는 iconCls, handler라는 두 가지 속성이 포함되어 있습니다.
19)collapsed: 정의하면 초기화 시 패널이 축소된 상태입니다. 기본값은 거짓입니다.
20)minimized: 정의하면 초기화 시 패널이 최소화된 상태가 됩니다. 기본값은 거짓입니다.
21)maximized: 정의하면 초기화 시 패널이 최대화된 상태가 됩니다. 기본값은 거짓입니다.
22)closed: 정의하면 초기화 시 패널이 닫힙니다. 기본값은 거짓입니다.
23)href: 원격 데이터를 로드하여 패널에 표시하는 URL입니다.
24) loadingMessage: 원격 데이터를 로드할 때 패널에 메시지를 표시합니다. 기본 Loading...
이벤트는 다음과 같습니다.
1)onLoad: 원격 데이터가 로드될 때 활성화됩니다.
2) onBeforeOpen: 패널이 열리기 전에 활성화됩니다.
3)onOpen: 패널이 열릴 때 활성화됩니다.
4) onBeforeClose: 패널이 닫히기 전에 활성화됩니다.
5)onClose: 패널이 닫힐 때 활성화됩니다.
6) onBeforeDestroy: 패널이 파괴되기 전에 활성화됩니다.
7)onDestroy: 패널이 파괴되면 활성화됩니다.
8) onBeforeCollpase: 패널이 축소되기 전에 활성화됩니다.
다음 경우에 활성화됩니다. 패널이 축소됩니다.
10)onBeforeExpand: 패널이 확장되기 전에 활성화됩니다.
11)onExpand: 패널이 확장되면 활성화됩니다.
12)onResize: 패널을 다시 그릴 때 활성화됩니다.
Width : 새로 만들어진 외부 폭
Height : 새로 만들어진 외부 높이
13) Onmove : 패널 이동 후 활성화됩니다.
왼쪽: 왼쪽에 새로운 위치.
top: 상단의 새로운 위치입니다.
14)onMaximize: 창이 최대화되면 활성화됩니다.
15)onRestore: 창이 원래 크기로 복원되면 활성화됩니다.
16)onMinimize: 창이 최소화되면 활성화됩니다.
메소드는 다음과 같습니다.
1) options : options 속성을 반환합니다.
2) 패널: 패널 객체를 반환합니다.
3)header: 패널 헤더 객체를 반환합니다.
4)body: 패널 본문 객체를 반환합니다.
5)setTitle: 헤더의 제목 텍스트를 설정합니다.
open: forceOpen 매개변수가 true로 설정되면 패널이 열릴 때 onBeforeOpen 콜백 함수가 우회됩니다.
7) 닫기: forceClose 매개변수가 true로 설정되면 패널이 닫힐 때 onBeforeClose 콜백 함수가 우회됩니다.
8)destroy: forceDestroy 매개변수가 true로 설정되면 패널이 소멸될 때 onBeforeDestroy 콜백 함수가 우회됩니다.
9)refresh: href 속성이 설정된 후 원격 데이터를 로드하려면 패널을 새로 고칩니다.
10)resize: 패널의 크기와 레이아웃을 설정합니다. 옵션 개체에는 다음 속성이 포함되어 있습니다.
width: 새 패널 너비.
높이: 새로운 패널 높이.
왼쪽: 패널의 새로운 왼쪽 위치입니다.
top: 패널의 새로운 상단 위치입니다.
11)이동: 패널을 새로운 위치로 이동합니다.该options对象包含以下属性:
left:新的面板左侧位置。
top:新的面板顶部位置。
3、a easyui-linkbutton 生成链接类型的按钮。
属性如下:
1)disabled:当True时禁用该按钮。默认false。
2)plain:当True时显示一个普通效果。默认false。
4. input/textarea easyui-validatebox 필드 유효성 검사를 생성합니다.
속성은 다음과 같습니다.
1)required:true[필수] false[필수 아님] default false
2)validType:
a, length[a,b] 필드 길이가 제어됩니다. a에서 b 사이에.
b. 이메일 이메일 확인.
C, 네트워크 주소를 확인하기 위한 URL입니다.
3)missingMessage: 이 도구 설명은 텍스트가 비어 있을 때 표시됩니다. 시스템의 기본값은 [English]이며 사용자 정의가 이를 무시할 수 있습니다.
4)invalidMessage: 이 도구 설명은 텍스트 내용이 유효하지 않을 때 표시됩니다. 시스템에는 기본적으로 [English]가 있으며 이는 사용자 정의로 재정의될 수 있습니다.
5. ul easyui-tree 트리 구조를 생성합니다.
속성은 다음과 같습니다.
1)url : 원격 데이터를 얻기 위한 주소입니다.
2)animate: 노드를 확장하거나 축소할 때 애니메이션 효과를 정의할지 여부입니다. True [예] False [아니요] 기본값 FALSE
노드 속성은 다음과 같습니다.
1) 텍스트: TEXT: 노드의 표시 텍스트입니다.
2)id : 원격 데이터를 불러오는 데 매우 중요한 노드 ID입니다.
3)state: 노드 상태는 'open' 또는 'closed'이며 기본값은 'open'입니다. 'off'로 설정하면 노드에 하위 노드가 포함되고 원격 사이트가 이를 로드합니다(다시 로드를 트리거하지 않고).
4)속성: 노드에 사용자 정의 속성을 추가합니다.
5) 하위: 배열 노드 형태로 일부 바이트 포인트를 정의합니다.
이벤트는 다음과 같습니다.
1)onClick:
사용자가 노드를 클릭하면 활성화되며 노드 매개변수에는 다음 속성이 포함됩니다.
id: 노드 ID
~ 텍스트: 노드 텍스트 노드 사용자 정의 속성.
대상: 대상이 클릭한 DOM 객체.
2) OnLoadsuccess:
데이터가 성공적으로 로드되었을 때 데이터가 활성화되는 경우 이 매개변수는 jQuery.ajax의 'Success' 함수 효과와 동일합니다.
3)onLoadError:
데이터 로딩이 실패할 때 활성화되는 이 매개변수는 jQuery.ajax의 'error' 기능과 동일한 효과를 갖습니다.
방법은 다음과 같습니다.
1) Reload : 트리 데이터를 다시 로드합니다.
2)getSelected: 선택한 노드를 가져와서 반환합니다. 선택된 노드가 없으면 null이 반환됩니다.
3)collapse: 노드를 축소합니다. 대상 매개변수는 노드의 DOM 객체입니다.
4)expand: 노드를 확장합니다. 대상 매개변수는 노드의 DOM 개체입니다.
5) 추가: 일부 하위 노드를 상위 노드에 추가합니다.
param에는 두 가지 속성이 있습니다.
parent: DOM 객체, 이를 상위 노드(그들)로 추가합니다.
데이터: 배열 또는 노드 데이터.
6) 제거: 삭제하고 그 아래의 하위 노드를 삭제합니다. 대상 매개변수는 해당 노드의 DOM 개체입니다.
6. table easyui-datagrid 테이블을 생성합니다.
속성은 다음과 같습니다.
1)title: DataGrid 패널의 제목 텍스트입니다.
2)iconCls: 배경 이미지를 제목 아이콘으로 제공하는 CSS 클래스입니다.
3) border: true인 경우 데이터그리드 패널의 테두리를 표시합니다.
4) 너비: 패널 너비, 자동 열 너비.
5) 높이: 패널 높이, 자동 열 높이.
6) 열: DataGrid 열 구성 개체. 자세한 정보를 보려면 열 속성을 확인하세요.
FrozenColumns: 열과 속성은 동일하지만 이 열은 왼쪽에 고정됩니다.
8)striped: true인 경우 셀에 줄무늬가 표시됩니다. 기본값은 거짓입니다.
9) 메소드: 이 메소드 유형을 통해 원격 데이터를 요청합니다. 기본 게시물.
10) nowrap: true인 경우 데이터가 같은 줄에 표시됩니다. 기본값은 true입니다.
11)idField: 어떤 필드가 식별 필드인지 나타냅니다.
12)url: 원격 사이트에서 데이터를 얻기 위한 URL입니다.
13)loadMsg: 원격 사이트에서 데이터를 로드할 때 프롬프트 메시지를 표시합니다. 기본값은 "처리 중입니다. 잠시 기다려 주십시오..."입니다. 맞춤형 보장.
14)pagination: true인 경우 DataGrid 하단에 페이징 도구 모음이 표시됩니다. 기본값은 거짓입니다.
15)rownumbers: true인 경우 행 번호를 표시합니다. 기본값은 거짓입니다.
16)singleSelect: true인 경우 현재 하나의 행만 선택됩니다. 기본값은 거짓입니다.
17)fit: true인 경우 상위 컨테이너에 맞게 크기를 설정합니다. 기본값은 거짓입니다.
18)pageNumber: 페이징 속성 설정 시 초기화되는 페이지 번호입니다. 기본값은 1부터 시작합니다
19) pageSize: 페이징 속성 설정 시 초기 페이지 크기입니다. 기본 10줄
20) pageList: 페이징 속성 설정 시 페이지 크기 선택 목록을 초기화합니다. 기본값 [10,20,30,40,50]
21)queryParams: 원격 데이터 요청 시 추가 매개변수도 전송할 수 있습니다.
22)sortName: 정렬할 수 있는 열을 정의합니다.
23)sortOrder: 열의 정렬 순서를 정의합니다. 'asc' 또는 'desc'만 가능합니다. 기본 오름차순
컬럼 속성은 다음과 같습니다.
1) 제목: 이 컬럼의 제목 텍스트입니다.
필드: 이 열에 해당하는 필드 이름입니다.
3)너비: 열 너비입니다.
rowspan 셀에 필요한 행 수를 나타냅니다.
colspan: 셀에 필요한 열 수를 나타냅니다.
6) 정렬: COLUMN 데이터의 정렬 방법을 설명합니다. '왼쪽', '오른쪽', '가운데' 모두 사용할 수 있습니다.
7)sortable: true인 경우 열 정렬이 허용됩니다.
체크박스: true인 경우 체크박스가 허용됩니다. 이 열에 표시됩니다.
이벤트는 다음과 같습니다.
1)onLoadSuccess: 원격 데이터가 성공적으로 로드되면 활성화됩니다.
onLoadError: 원격 데이터 로딩 중에 일부 오류가 발견되면 활성화됩니다.
3) OnclickRow: 사용자가 클릭하여 활성화하면 매개변수에 다음이 포함됩니다.
Rowindex: 0부터 시작하는 줄 인덱스입니다.
rowData: 행을 클릭했을 때 해당 레코드입니다.
4) ONDBLCLICKROW: 사용자가 활성화하기 위해 두 번 클릭하면 매개변수에는 다음이 포함됩니다.
Rowindex: 0부터 시작하는 행 인덱스를 클릭합니다.
rowData: 행을 클릭했을 때 해당 레코드입니다.
5) onsortcolumn: 열 정렬 시 사용자가 활성화되면 매개변수에는 다음이 포함됩니다.
sort: 필드 이름 정렬.
순서: 필드 유형을 정렬합니다.
6) onSelect: 사용자가 활성화할 라인을 선택하면 매개변수에는 다음이 포함됩니다.
Rowindex: 0부터 시작하는 라인 인덱스입니다.
rowData: 행을 클릭했을 때 해당 레코드입니다.
7) Onneselect: 사용자가 행 선택을 취소하면 매개변수에 다음이 포함됩니다.
Rowindex: 0부터 시작하는 행 인덱스.
rowData: 행을 클릭했을 때 해당 레코드입니다.
방법은 다음과 같습니다.
1) 옵션 : 선택한 객체를 반환합니다.
2) 크기 조정: 크기를 조정하고 레이아웃을 생성합니다.
3)다시 로드: 데이터를 다시 로드합니다.
4)fixColumnSize: 열 크기를 고정합니다.
5)loadData: 로컬 데이터를 로드합니다. 이전 행은 삭제됩니다.
6) getSelected: 선택한 첫 번째 행의 레코드를 반환하고, 선택하지 않은 경우 null을 반환합니다.
7)getSelections: 선택된 모든 행을 반환합니다. 선택된 레코드가 없으면 빈 배열이 반환됩니다.
8)clearSelections: 모든 옵션의 선택 상태를 지웁니다.
9)selectRow: 행을 선택합니다. 행 인덱스는 0부터 시작합니다.
10)selectRecord: ID 값 매개변수를 전달하여 행을 선택합니다.
11) unselectRow: 행 선택을 취소합니다.
7. div easyui-tabs 탭 컨테이너를 생성합니다.
속성은 다음과 같습니다.
1)width: 컨테이너 너비, 자동 열 너비.
2) 높이: 컨테이너 높이, 자동 열 높이.
3)idSeed: 루트 ID는 라벨 패널 DOM ID 속성에서 파생됩니다. 기본값 0
4)plain: true인 경우 탭 렌더링은 컨테이너 배경 이미지를 사용하지 않습니다. 기본값 false
5)fit: true인 경우 탭 크기를 상위 컨테이너에 맞게 설정합니다. 기본값 false
6) border: true일 경우 탭 테두리가 표시됩니다.
7)scrollIncrement:
8)scrollDuration:
이벤트는 다음과 같습니다.
1)onLoad: ajax 탭 패널에서 원격 데이터를 로드해야 할 때 활성화합니다. 이 매개변수는 jQuery.ajax의 'success' 함수와 동일한 효과를 갖습니다.
onSelect: 사용자가 탭 패널을 선택할 때 활성화됩니다.
3)onClose: 사용자가 탭 패널을 닫을 때 활성화됩니다.
방법은 다음과 같습니다.
1)resize : Tab 컨테이너의 레이아웃을 다시 그립니다.
2) 추가: 새 탭 패널을 추가합니다. 이 옵션 매개변수는 탭 패널 속성을 보면 더 많은 정보를 얻을 수 있습니다.
3)close: 탭 패널을 닫습니다. title 매개변수는 닫으려는 개체를 표시합니다.
4) 선택: 탭 패널을 선택합니다.
5)exists: 탭 패널이 존재하는 경우 표시됩니다.
탭 패널의 속성은 다음과 같습니다.
1) id: 탭 패널의 DOM id 속성입니다.
2)text: 탭 패널의 제목 텍스트입니다.
3) 내용: 탭 패널의 내용입니다.
4)href: 탭 패널을 채울 원격 콘텐츠를 로드하는 URL입니다.
~ true인 경우 캐시될 수 있습니다. 기본값은 true
6)icon: 탭 패널 제목 옆에 표시할 CSS 클래스 아이콘을 추가합니다.
7) 닫기 가능: true인 경우 탭 패널에 클릭하여 닫을 수 있는 닫기 버튼이 표시됩니다.默认false
8)selected:当true时,该Tab面板将被选中。默认false
9)width:面板宽度,自动列宽。
10)height:面板高度,自动列高。
8、div menu-sep 生成一个菜单分隔线。
9、a easyui-splitbutton 生成一个菜单列。
10、div easyui-accordion 生成手风琴式下拉框。继承自panel
11. easyui-combobox를 선택하여 콤보 드롭다운 상자를 생성합니다.
속성은 다음과 같습니다.
1)width: 컨테이너 너비, 자동 열 너비.
2)listWidth: 콤보 드롭다운 상자의 너비입니다.
3)listHeight: 콤보 드롭다운 상자의 높이입니다.
4) valueField: 기본 데이터의 값 이름을 콤보 드롭다운 상자 [value]에 바인딩합니다.
5) textField: 기본 데이터의 필드 이름을 콤보 드롭다운 상자 [text]에 바인딩합니다.
6) 편집 가능: True인 경우 텍스트 필드에 텍스트를 직접 입력할 수 있습니다. 기본값은 true입니다.
7)url : 원격에서 목록 데이터를 불러오기 위한 URL입니다.
이벤트는 다음과 같습니다.
1)onLoadSuccess: 원격 데이터가 성공적으로 로드되면 활성화됩니다.
onLoadError: 원격 데이터 로딩 중에 일부 오류가 발견되면 활성화됩니다.
onSelect: 사용자가 목록 옵션을 선택할 때 활성화됩니다.
3)onChange: 이 필드의 값이 변경되면 활성화됩니다.
방법은 다음과 같습니다.
1) 선택: 드롭다운 목록에서 값을 선택합니다.
2)setValue: 지정된 값을 이 필드에 설정합니다. 'param' 매개변수는 문자열이거나 JS 객체일 수 있습니다. 참고: JS 객체에 포함된 속성은 valueField 및 TextField 두 속성에 해당합니다.
3)getValue: 이 필드의 값을 가져옵니다.
4)reload: 원격 목록 데이터를 요청합니다.
12. easyui-combotree 선택 조합 트리 상자를 생성합니다.
속성은 다음과 같습니다.
1)width: 컨테이너 너비, 자동 열 너비.
2)treeWidth: 트리 드롭다운 상자의 너비입니다.
3)treeHeight: 트리 드롭다운 상자의 높이입니다.
4)url : 원격에서 트리 데이터를 불러오기 위한 URL입니다.
이벤트는 다음과 같습니다.
1)onSelect: 사용자가 트리 노드를 선택할 때 활성화됩니다.
2)onChange: 이 필드의 값이 변경되면 활성화됩니다.
방법은 다음과 같습니다.
1)setValue: 이 필드에 지정된 값을 설정합니다. 'param' 매개변수는 트리 노드 ID 값 또는 JS 객체일 수 있습니다. 참고: JS 객체에 포함된 속성은 id와 text라는 두 가지 속성에 해당합니다.
2)getValue: 이 필드의 값을 가져옵니다.
3)reload: 원격 목록 데이터를 요청합니다.
13. body[div] easyui-layout 레이아웃을 생성합니다.
속성은 다음과 같습니다.
1)title: 패널의 제목 텍스트입니다.
2)region:定义布局面板的位置,包含下列值:north,south, east, west, center。
3)border:当True时显示布局面板的边框。默认为True。
4)split: 当True时显示一个分割符以使用户改变面板的尺寸。默认false。
5)icon:一个图标CSS类,在面板头部显示一个图标。
6)href:一个URL,以从远程站点加载数据。
14、div easyui-menu 生成一个菜单。
属性如下:
1)zIndex: Menu z-index样式。注释:z-index 属性设置元素的堆叠顺序。
2)left:菜单左起位置。默认0。
3)top: 菜单顶部位置。默认0。
4)href:当点击菜单项时能在当前浏览器窗口显示不同的网址。
事件如下:
1)onShow:激活后显示菜单。
2)onHide:激活后隐藏菜单。
方法如下:
1)show:在指定的位置显示一个菜单。该位置上包含两个参数:
left:新的左起位置。
top:新的顶部位置。
2)hide:隐藏一个菜单。
15、a easyui-menubutton 生成一个菜单按钮。
属性如下:
1)disabled:当True时禁用该按钮。默认false。
2)plain:当True时显示一个普通效果。默认false。
3)menu:一个选择器名称,用来创建相应的菜单。
4)duration: 当悬停该按钮时,定义菜单的持续显示时间,单位为毫秒。默认100。
16、input easyui-numberbox 生成一个数字输入框。
选项如下:
1)min:允许的最小值。当输入值小于最小值时,显示最小值。
2)max:允许的最大值。当输入值大于最大值时,显示最大值。
3)precision:分隔符后能精确的小数点位数。整数默认会追加小数点位数。
JS定义:
1、 .window 生成一个window窗口。
2、 .tree 生成一个树形结构。
3、 .datagrid 生成一个表格。
4、 .combobox 生成一个组合下拉框。
5、 .combotree 生成一个组合树形框。
6、 .dialog 生成一个对话框。它继承自window
私有属性如下:
1)title:该对话框标题文本。默认"New Dialog"。
2)collapsible:当True时可显示折叠按钮。默认false。
3)minimizable:当True时可显示最小化按钮。默认false。
4)maximizable:当True时可显示最大化按钮。默认false。
5)resizable:当True时能重绘对话框大小。默认false。
6)toolbar:该工具栏置于对话框的顶部,每个工具栏包含:text, iconCls, disabled, handler等属性。
7)buttons:这个按钮置于对话框的底部,每个按钮包含:text, iconCls, handler等属性。
7、 .draggable 生成一个可自由拖动的块。
属性如下:
1)handle:选择"#id"进行拖动。
2)disabled:当True时停止自由拖动。默认false。
3)edge:开始拖动拖动块时的宽度。默认0。
4)axis:当拖动块移动时定义轴,可选值是'v'或者'h',当超出'v'和'h'的方位时将设置为null。
事件如下:
1)onStartDrag:当目标对象开始拖动时激活。
2)onDrag:在拖动期间激活。返回false将不会实际拖动它(的位置)。
3)onStopDrag:当目标对象停止拖动时激活。
8、 .linkbutton 生成一个链式按钮。
9. .messager 메시지 상자를 생성합니다.
옵션은 다음과 같습니다.
1)ok: OK 버튼 텍스트를 표시합니다.
2)취소: 취소 버튼 텍스트를 표시합니다.
방법은 다음과 같습니다.
1)show : 화면 오른쪽 하단에 메시지 박스가 나타납니다. 이 옵션 매개변수는 다음을 포함하는 구성 개체입니다.
showType: 메시지 상자 표시 모드를 정의합니다. 선택 값에는 null, Slide, fade, show가 포함됩니다.
showSpeed: 메시지 상자를 정의합니다. 디스플레이 모드. 기본값은 600밀리초입니다.
너비: 메시지 상자의 너비를 정의합니다. 기본값은 250입니다.
높이: 메시지 상자의 높이를 정의합니다. 기본값은 100입니다.
Msg: 메시지 상자에 표시되는 텍스트를 정의합니다.
제목: 메시지 상자 패널 상단에 제목 텍스트를 표시합니다.
시간 초과: 0으로 정의하면 사용자가 수동으로 닫지 않는 한 메시지 상자가 자동으로 닫히지 않습니다. 0이 아닌 값으로 정의된 경우 메시지 상자는 시간 초과가 끝나면 자동으로 닫힙니다. 단위는 밀리초입니다.
2)alert: 인쇄창을 표시합니다. 해당 매개변수는 다음과 같습니다.
title: 헤더에 제목 텍스트를 표시합니다.
msg: 텍스트 내용을 표시합니다.
아이콘: 아이콘을 표시합니다. 선택값: 오류, 질문, 정보, 경고.
Fn: 창이 닫힐 때 콜백 함수를 실행합니다.
3)confirm: 확인 및 취소 버튼이 포함된 확인 메시지 상자를 표시합니다. 매개변수는 다음과 같습니다.
제목: 헤더에 제목 텍스트를 표시합니다.
msg: 텍스트 내용을 표시합니다.
Fn(B): 콜백 함수. 사용자가 OK 버튼을 클릭하고 true를 반환하면 다른 버튼은 false를 반환하고 처리되지 않습니다.
4) 프롬프트: 확인 및 취소 버튼이 포함된 메시지 상자를 표시하고 사용자에게 텍스트를 입력하라는 메시지를 표시합니다. 매개변수는 다음과 같습니다.
title: 헤더에 제목 텍스트를 표시합니다.
msg: 텍스트 내용을 표시합니다.
Fn(Val): back-to-regulatory 기능은 사용자 입력의 매개변수 값을 처리합니다.
10. .pagination 페이지 번호 도구 모음을 생성합니다.
속성은 다음과 같습니다.
1) total : 페이징 바 생성 시 설정한 레코드 개수입니다. 기본값 1.
2)페이지 크기: 페이지 크기입니다. 기본값은 10입니다.
3)pageNumber: 페이징 생성 시 표시되는 페이지 번호입니다. 기본값 1.
4)pageList: 페이지의 크기를 변경할 수 있습니다. 이 속성으로 정의된 기본 크기를 변경할 수도 있습니다. 기본값은 [10,20,30,50]입니다.
5) 로딩: 로딩 여부를 정의합니다. 기본값은 거짓입니다.
6) 버튼: 맞춤 버튼을 정의합니다. 각 버튼에는 두 가지 속성이 포함됩니다.
iconCls: 이 CSS 클래스는 배경 아이콘을 표시합니다.
핸들러: 버튼을 클릭하면 처리 기능이 실행됩니다.
7)beforePageText: 입력 구성 요소 앞에 레이블 텍스트를 표시합니다.
8)afterPageText: 입력 구성 요소 뒤에 레이블 텍스트를 표시합니다.
9)displayMsg: 페이지 정보를 표시합니다.
방법은 다음과 같습니다.
1) onSelectPage: 사용자가 새 페이지를 선택하면 활성화됩니다. 콜백 함수에는 두 개의 매개변수가 포함됩니다.
pageNumber: 새 페이지의 페이지 번호.
pageSize: 새 페이지의 크기입니다.