찾다
웹 프론트엔드JS 튜토리얼Jquery 플러그인 easyUI 속성 summary_jquery

此属性列表请对照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: 새 페이지의 크기입니다.

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
C 및 JavaScript : 연결이 설명되었습니다C 및 JavaScript : 연결이 설명되었습니다Apr 23, 2025 am 12:07 AM

C 및 JavaScript는 WebAssembly를 통한 상호 운용성을 달성합니다. 1) C 코드는 WebAssembly 모듈로 컴파일되어 컴퓨팅 전력을 향상시키기 위해 JavaScript 환경에 도입됩니다. 2) 게임 개발에서 C는 물리 엔진 및 그래픽 렌더링을 처리하며 JavaScript는 게임 로직 및 사용자 인터페이스를 담당합니다.

웹 사이트에서 앱으로 : 다양한 JavaScript 애플리케이션웹 사이트에서 앱으로 : 다양한 JavaScript 애플리케이션Apr 22, 2025 am 12:02 AM

JavaScript는 웹 사이트, 모바일 응용 프로그램, 데스크탑 응용 프로그램 및 서버 측 프로그래밍에서 널리 사용됩니다. 1) 웹 사이트 개발에서 JavaScript는 HTML 및 CSS와 함께 DOM을 운영하여 동적 효과를 달성하고 jQuery 및 React와 같은 프레임 워크를 지원합니다. 2) 반응 및 이온 성을 통해 JavaScript는 크로스 플랫폼 모바일 애플리케이션을 개발하는 데 사용됩니다. 3) 전자 프레임 워크를 사용하면 JavaScript가 데스크탑 애플리케이션을 구축 할 수 있습니다. 4) node.js는 JavaScript가 서버 측에서 실행되도록하고 동시 요청이 높은 높은 요청을 지원합니다.

Python vs. JavaScript : 사용 사례 및 응용 프로그램 비교Python vs. JavaScript : 사용 사례 및 응용 프로그램 비교Apr 21, 2025 am 12:01 AM

Python은 데이터 과학 및 자동화에 더 적합한 반면 JavaScript는 프론트 엔드 및 풀 스택 개발에 더 적합합니다. 1. Python은 데이터 처리 및 모델링을 위해 Numpy 및 Pandas와 같은 라이브러리를 사용하여 데이터 과학 및 기계 학습에서 잘 수행됩니다. 2. 파이썬은 간결하고 자동화 및 스크립팅이 효율적입니다. 3. JavaScript는 프론트 엔드 개발에 없어서는 안될 것이며 동적 웹 페이지 및 단일 페이지 응용 프로그램을 구축하는 데 사용됩니다. 4. JavaScript는 Node.js를 통해 백엔드 개발에 역할을하며 전체 스택 개발을 지원합니다.

JavaScript 통역사 및 컴파일러에서 C/C의 역할JavaScript 통역사 및 컴파일러에서 C/C의 역할Apr 20, 2025 am 12:01 AM

C와 C는 주로 통역사와 JIT 컴파일러를 구현하는 데 사용되는 JavaScript 엔진에서 중요한 역할을합니다. 1) C는 JavaScript 소스 코드를 구문 분석하고 추상 구문 트리를 생성하는 데 사용됩니다. 2) C는 바이트 코드 생성 및 실행을 담당합니다. 3) C는 JIT 컴파일러를 구현하고 런타임에 핫스팟 코드를 최적화하고 컴파일하며 JavaScript의 실행 효율을 크게 향상시킵니다.

자바 스크립트 행동 : 실제 예제 및 프로젝트자바 스크립트 행동 : 실제 예제 및 프로젝트Apr 19, 2025 am 12:13 AM

실제 세계에서 JavaScript의 응용 프로그램에는 프론트 엔드 및 백엔드 개발이 포함됩니다. 1) DOM 운영 및 이벤트 처리와 관련된 TODO 목록 응용 프로그램을 구축하여 프론트 엔드 애플리케이션을 표시합니다. 2) Node.js를 통해 RESTFULAPI를 구축하고 Express를 통해 백엔드 응용 프로그램을 시연하십시오.

JavaScript 및 웹 : 핵심 기능 및 사용 사례JavaScript 및 웹 : 핵심 기능 및 사용 사례Apr 18, 2025 am 12:19 AM

웹 개발에서 JavaScript의 주요 용도에는 클라이언트 상호 작용, 양식 검증 및 비동기 통신이 포함됩니다. 1) DOM 운영을 통한 동적 컨텐츠 업데이트 및 사용자 상호 작용; 2) 사용자가 사용자 경험을 향상시키기 위해 데이터를 제출하기 전에 클라이언트 확인이 수행됩니다. 3) 서버와의 진실한 통신은 Ajax 기술을 통해 달성됩니다.

JavaScript 엔진 이해 : 구현 세부 사항JavaScript 엔진 이해 : 구현 세부 사항Apr 17, 2025 am 12:05 AM

보다 효율적인 코드를 작성하고 성능 병목 현상 및 최적화 전략을 이해하는 데 도움이되기 때문에 JavaScript 엔진이 내부적으로 작동하는 방식을 이해하는 것은 개발자에게 중요합니다. 1) 엔진의 워크 플로에는 구문 분석, 컴파일 및 실행; 2) 실행 프로세스 중에 엔진은 인라인 캐시 및 숨겨진 클래스와 같은 동적 최적화를 수행합니다. 3) 모범 사례에는 글로벌 변수를 피하고 루프 최적화, Const 및 Lets 사용 및 과도한 폐쇄 사용을 피하는 것이 포함됩니다.

Python vs. JavaScript : 학습 곡선 및 사용 편의성Python vs. JavaScript : 학습 곡선 및 사용 편의성Apr 16, 2025 am 12:12 AM

Python은 부드러운 학습 곡선과 간결한 구문으로 초보자에게 더 적합합니다. JavaScript는 가파른 학습 곡선과 유연한 구문으로 프론트 엔드 개발에 적합합니다. 1. Python Syntax는 직관적이며 데이터 과학 및 백엔드 개발에 적합합니다. 2. JavaScript는 유연하며 프론트 엔드 및 서버 측 프로그래밍에서 널리 사용됩니다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.

맨티스BT

맨티스BT

Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

Atom Editor Mac 버전 다운로드

Atom Editor Mac 버전 다운로드

가장 인기 있는 오픈 소스 편집기

Dreamweaver Mac版

Dreamweaver Mac版

시각적 웹 개발 도구

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전