xtype 사용(클래식 UI)

이 페이지에서는 Adobe Experience Manager(AEM)에서 사용할 수 있는 모든 xtype에 대해 설명합니다.

ExtJS 언어에서 xtype은 클래스에 지정된 상징적 이름입니다. xtype의 정의와 사용 방법에 대한 자세한 설명은 Overview of ExtJS 2의 "Component XTypes" 단락을 읽을 수 있습니다.

AEM에서 사용 가능한 모든 위젯에 대한 자세한 내용은 위젯 API 설명서를 참조하십시오.

지정된 xtype이 AEM에서 사용되는 구성 요소를 확인하려면 CRXDE에서 'checkbox'를 관심 있는 xtype으로 대체하여 다음 Xpath 쿼리를 사용할 수 있습니다.

//element(*, cq:Widget)[@xtype='checkbox']

노트

이 페이지에서는 클래식 UI 내의 ExtJS xtype 사용에 대해 설명합니다.

Adobe에서는 Coral UIGranite UI에 기반한 표준, 최신, 터치 지원 UI을 활용할 것을 권장합니다.

xtypes

Adobe Experience Manager에서 사용 가능한 xtype 목록을 참조하십시오.

  • 주석

    CQ.wcm.Annotation

    [대화 상자]는 본문에 양식이 있고 바닥글에 단추 그룹이 있는 특별한 종류의 창입니다. 일반적으로 컨텐츠를 편집하는 데 사용되지만 정보만 표시할 수 있습니다.

  • araystore

    CQ.Ext.data.ArrayStore

    이전에 "SimpleStore"라고 했었습니다.

    Array 데이터에서 CQ.Ext.data.Stores를 더 쉽게 만들 수 있는 작은 도우미 클래스입니다. ArrayStore는 CQ.Ext.data.ArrayReader로 자동 구성됩니다.

  • asseteditor

    CQ.dam.AssetEditor

    DAM 관리자에 사용된 자산 편집기.

  • assetreferenceearch 대화 상자

    CQ.wcm.AssetReferenceSearchDialog

    AssetReferenceSearchDialog는 페이지가 자산 또는 태그를 참조하는 경우에 나타나는 대화 상자입니다.

  • 블루프린팅

    CQ.wcm.msm.BlueprintConfig

    BlueprintConfig는 블루프린트의 Live Copy를 보고 이 블루프린트 속성을 편집할 수 있는 패널을 제공합니다( 동기화 트리거 및 동기화 작업 ).

  • 블루프린트 상태

    CQ.wcm.msm.BlueprintStatus

    BlueprintStatus는 블루프린트 및 Live Copy 관계를 보고 편집할 수 있는 패널을 제공합니다. 찾아보기는 CQ.wcm.msm.BlueprintStatus.Tree, CQ.wcm.msm.BlueprintConfigCQ.wcm.msm.LiveCopyProperties를 통해 수행됩니다.

  • box

    CQ.Ext.BoxComponent

    폭과 높이를 사용하여 상자로 크기를 지정할 Component에 대한 기본 클래스입니다.

    BoxComponent는 크기 조정 및 배치를 위한 자동 상자 모델 조정을 제공하며 구성 요소 렌더링 모델 내에서 올바르게 작동합니다.

  • browsedialog

    CQ.BrowseDialog

    찾아보기 대화 상자를 사용하면 경로를 선택하기 위해 저장소를 검색할 수 있습니다. 일반적으로 BrowseField를 통해 사용됩니다.

  • browsefield

    CQ.form.BrowseField

    가치 하락:CQ .form.PathField대신 사용

  • 불케

    CQ.wcm.BulkEditor

    BulkEditor는 검색 결과를 편집할 검색 엔진과 격자를 제공합니다.

    BulkEditor를 HTML 양식에 삽입해야 합니다(가져오기 기능에 필요). CQ.Dialog와 완벽하게 호환됩니다.

  • 돌기변형

    CQ.wcm.BulkEditorForm

    BulkEditorForm은 HTML 양식으로 둘러싸인 CQ.wcm.BulkEditor를 제공합니다. 이 버전은 CQ.wcm.BulkEditor의 독립 실행형 버전이며 가져오기 단추에는 HTML 양식이 필요합니다.

  • 단추

    CQ.Ext.Button

    단순 단추 클래스

  • 버튼 그룹

    CQ.Ext.ButtonGroup

    단추 그룹의 컨테이너입니다.

  • 차트

    CQ.Ext.chart.Chart

    CQ.Ext.chart 패키지는 Flash 기반 차트로 데이터를 시각화하는 기능을 제공합니다. 각 차트는 CQ.Ext.data.Store에 직접 바인딩되므로 자동으로 차트를 업데이트할 수 있습니다. 차트의 모양과 느낌을 변경하려면 chartStyleextraStyle 구성 옵션을 참조하십시오.

  • 확인란

    CQ.Ext.form.Checkbox

    단일 확인란 필드. 기존 확인란 필드를 직접 대체할 수 있습니다.

  • checkboxgroup

    CQ.Ext.form.CheckboxGroup

    CQ.Ext.form.Checkbox 컨트롤의 그룹화 컨테이너입니다.

  • clearcombo

    CQ.form.ClearableComboBox

    ClearableComboBox는 값을 지우는 트리거가 있는 편집할 수 없는 콤보 상자입니다.

  • 색상 필드

    CQ.form.ColorField

    ColorField를 사용하면 사용자가 직접 또는 CQ.Ext.ColorMenu를 사용하여 색상 16진수 값을 입력할 수 있습니다.

  • colorlist

    CQ.form.ColorList

    ColorList를 사용하면 편집 가능한 목록에서 색상을 선택할 수 있습니다.

  • 색상 메뉴

    CQ.Ext.menu.ColorMenu

    CQ.Ext.ColorPalette 구성 요소를 포함하는 메뉴.

  • 색상 팔레트

    CQ.Ext.ColorPalette

    색상을 선택하는 간단한 색상 팔레트 클래스입니다. 팔레트는 모든 컨테이너에 렌더링할 수 있습니다.

  • 콤보

    CQ.Ext.form.ComboBox

    자동 완성, 원격 로딩, 페이징 및 기타 많은 기능이 지원되는 콤보 상자 컨트롤입니다.

    ComboBox는 기존의 HTML <select> 필드와 유사한 방식으로 작동합니다. 차이점은 valueField를 제출하려면 hiddenName을(를) 지정해야 숨겨진 입력을 만들 수 있습니다.

  • 구성 요소

    CQ.Ext.Component

    모든 Ext 구성 요소에 대한 기본 클래스입니다. 구성 요소의 모든 하위 클래스는 Container 클래스에서 제공하는 생성, 렌더링 및 파괴의 자동화된 텍스트 구성 요소 라이프사이클에 참여할 수 있습니다. 컨테이너를 만들 때 items 구성 옵션을 통해 구성 요소를 컨테이너에 추가할 수 있습니다.

  • componentextractor

    CQ.wcm.ComponentExtractor

    ComponentExtractor를 사용하면 웹 사이트/페이지에서 구성 요소를 추출할 수 있습니다.

  • componentselector

    CQ.form.ComponentSelector

    사용 가능한 구성 요소의 그룹화된 순차 선택 항목.

  • componentstyles

    CQ.form.ComponentStyles

  • 합성 필드

    CQ.form.CompositeField

    하나의 양식 필드 또는 양식 필드 그룹을 포함하는 패널 기반의 복잡한 양식 필드에 대한 기본 클래스입니다.

  • 컨테이너

    CQ.Ext.Container

    다른 구성 요소를 포함할 수 있는 CQ.Ext.BoxComponent에 대한 기본 클래스입니다. 컨테이너는 포함 항목의 기본 비헤이비어를 처리합니다. 즉, 항목을 추가, 삽입 및 제거합니다.

    가장 일반적으로 사용되는 컨테이너 클래스는 CQ.Ext.Panel, CQ.Ext.WindowCQ.Ext.TabPanel입니다.

  • contentfinder

    CQ.wcm.ContentFinder

    ContentFinder는 왼쪽의 실제 컨텐츠 파인더와 오른쪽의 컨텐츠 프레임을 포함하는 2개의 전문화된 열 뷰포트입니다.

  • contentfindertab

    CQ.wcm.ContentFinderTab

    ContentFinderTab은 CQ.wcm.ContentFinder의 탭 패널에 사용되는 기능을 제공하는 전문 패널입니다. 일반적으로 검색 양식(쿼리 상자)과 검색을 표시하는 데이터 보기를 제공합니다.

  • cq.workflow.model.combo

    CQ.wcm.WorkflowModelCombo

    WorkflowModelCombo는 사용 가능한 워크플로 모델 목록을 표시하는 사용자 지정된 CQ.Ext.form.ComboBox입니다.

  • cq.workflow.model.selector

    CQ.wcm.WorkflowModelSelector

    WorkflowModelSelector는 작업 과정의 축소판 이미지와 WorkflowModelCombo를 결합하고, 단추를 결합하여 작업 흐름 모델을 만들고 편집합니다.

  • createtitewizard

    CQ.wcm.CreateSiteWizard

    CreateSiteWizard는 MSM(Site Wizard) 사이트를 만드는 단계별 마법스입니다.

  • createversiondialog

    CQ.wcm.CreateVersionDialog

    CreateVersionDialog는 페이지의 새 버전을 만들 수 있는 대화 상자입니다.

  • 사용자 정의 패널

    CQ.CustomContentPanel

    CustomContentPanel은 CQ.Dialog에서 사용할 특별한 종류의 패널입니다.대화 상자의 다른 필드가 아닌 다른 URL로 콘텐트를 검색하여 제출합니다.

  • 주기

    CQ.Ext.CycleButton

    CQ.Ext.menu.CheckItem 요소의 메뉴가 포함된 전문화된 SplitButton입니다. 단추는 활성 메뉴 항목에 대해 단추의 change 이벤트를 발생시키거나 단추의 changeHandler 함수를 호출하는 등, 클릭할 때마다 각 메뉴 항목을 자동으로 순환합니다.

  • dataview

    CQ.Ext.DataView

    사용자 정의 레이아웃 템플릿과 서식을 사용하여 데이터를 표시하는 메커니즘입니다. DataView는 내부 템플릿 메커니즘으로 CQ.Ext.XtTemplate을 사용하고 CQ.Ext.data.Store에 바인딩되므로 저장소의 데이터가 변경됨에 따라 뷰가 자동으로 업데이트되어 변경 내용이 반영됩니다.

  • datefield

    CQ.Ext.form.DateField

    CQ.Ext.DatePicker 드롭다운과 자동 날짜 유효성 검사가 있는 날짜 입력 필드를 제공합니다.

  • datemenu

    CQ.Ext.menu.DateMenu

    CQ.Ext.DatePicker 구성 요소를 포함하는 메뉴.

  • datepicker

    CQ.Ext.DatePicker

    팝업 날짜 선택기입니다. 이 클래스는 DateField 클래스에서 사용하여 유효한 날짜를 검색하고 선택할 수 있도록 합니다.

  • datetime

    CQ.form.DateTime

    DateTime을 사용하면 CQ.Ext.form.DateFieldCQ.Ext.form.TimeField를 결합하여 날짜와 시간을 입력할 수 있습니다.

  • 사용할 수 없게 됩니다

    CQ.Dialog

    [대화 상자]는 본문에 양식이 있고 바닥글에 단추 그룹이 있는 특별한 종류의 창입니다. 일반적으로 컨텐츠를 편집하는 데 사용되지만 정보만 표시할 수 있습니다.

  • dialogfieldset

    CQ.form.DialogFieldSet

    DialogFieldSet은 대화 상자에서 사용할 FieldSet입니다.

  • directstore

    CQ.Ext.data.DirectStore

    CQ.Ext.data.Store를 CQ.Ext.data.DirectProxy](https://helpx.adobe.com/kr/experience-manager/6-4/sites/developing/using/reference-materials/widgets-api/index.html?class=CQ.Ext.data.DirectProxy) 및 CQ.Ext.data.JsonReader와 상호 작용하여 [CQ.Ext.Ext와 상호 작용할 수 있도록 구성된 작은 도우미 클래스 .Direct 서버측 공급자가 더 쉽습니다.

  • displayfield

    CQ.Ext.form.DisplayField

    유효성 검사가 되지 않고 제출되지 않는 표시 전용 텍스트 필드입니다.

  • 편집 막대

    CQ.wcm.EditBar

    EditBar를 사용하면 막대의 버튼을 사용하여 내용을 편집할 수 있습니다.

    여기에 나열되지는 않았지만 EditBar에는 CQ.wcm.EditBase의 모든 구성원이 있습니다.

  • 편집기

    CQ.Ext.Editor

    요청 시 표시/숨기기를 처리하고 일부 내장 크기 조정 및 이벤트 처리 논리를 제공하는 기본 편집기 필드입니다.

  • editorrid

    CQ.Ext.grid.EditorGridPanel

    이 클래스는 GridPanel 클래스를 확장하여 선택한 에 셀 편집을 제공합니다. 편집 가능한 열은 열 구성편집기를 제공하여 지정됩니다.

  • 편집 롤오버

    CQ.wcm.EditRollover

    EditRollover를 사용하면 두 번 클릭으로 컨텐츠를 편집할 수 있으며 컨텍스트 메뉴를 통해 더 많은 편집 작업을 수행할 수 있습니다. 편집 가능 영역은 마우스를 컨텐츠 위에 놓으면 프레임으로 표시됩니다.

  • feedporter

    CQ.wcm.FeedImporter

    FeedImporter를 사용하면 RSS 또는 Atom 피드를 가져오고 각 피드 항목에 대한 페이지를 만들 수 있습니다.

  • 필드

    CQ.Ext.form.Field

    기본 이벤트 처리, 크기 조정, 값 처리 및 기타 기능을 제공하는 양식 필드에 대한 기본 클래스입니다.

  • fieldset

    CQ.Ext.form.FieldSet

    양식 내의 항목을 그룹화하는 데 사용되는 표준 컨테이너입니다…

  • fileuploadalogbutton

    CQ.form.FileUploadDialogButton

    FileUploadDialogButton은 FileUploadField를 통해 파일을 업로드하기 위한 새 대화 상자를 여는 버튼을 만듭니다. 업로드가 별도의 형식으로 이루어져야 하는 편집 대화 상자 내에서 사용할 수 있습니다.

  • fileuploadfield

    CQ.form.FileUploadField

    FileUploadField를 사용하면 업로드할 단일 파일을 선택할 수 있습니다.

  • findreplace dialog

    CQ.wcm.FindReplaceDialog

    FindReplaceDialog는 페이지와 해당 하위 페이지에서 토큰을 찾고 교체하는 대화 상자입니다.

  • flash

    CQ.Ext.FlashComponent

  • 격자

    CQ.Ext.grid.GridPanel

    이 클래스는 행과 열의 표 형식으로 데이터를 나타내는 구성 요소 기반 그리드 컨트롤의 기본 인터페이스를 나타냅니다.

  • groupingstore

    CQ.Ext.data.GroupingStore

    사용 가능한 필드 중 하나로 레코드를 그룹화하는 기능을 제공하는 전문 저장소 구현입니다. 일반적으로 그룹화된 GridPanel에 대한 데이터 모델을 증명하기 위해 CQ.Ext.grid.GroupingView와 함께 사용됩니다.

  • movedialog

    CQ.wcm.HeavyMoveDialog

    HeavyMoveDialog는 이전에 활성화된 페이지의 재활성화('무거운' 이동)를 고려하면서 페이지와 하위 페이지를 이동하는 대화 상자입니다.

  • 숨김

    CQ.Ext.form.Hidden

    양식 제출에서 전달해야 하는 양식에 숨겨진 값을 저장할 수 있는 기본 숨김 필드입니다.

  • historybutton

    CQ.HistoryButton

    HistoryButton은 뒤로 및 앞으로 단추를 쉽게 제공할 수 있는 작은 도우미 클래스입니다. 일반적으로 두 개의 관련 인스턴스가 필요합니다.앞으로 단추 인스턴스는 작업 내역을 처리하는 뒤로 단추 인스턴스에 연결된 간단한 단추입니다.

  • htmlitor

    CQ.Ext.form.HtmlEditor

    크기가 작은 HTML 편집기 구성 요소를 제공합니다. 일부 도구 모음 기능은 Safari에서 지원되지 않으며 필요한 경우 자동으로 숨겨집니다. 이러한 속성은 해당하는 구성 옵션에 표시됩니다.

    편집기의 도구 모음 단추에는 buttonTips 속성에 정의된 도구 설명이 있습니다.

  • iframedialog

    CQ.IframeDialog

    iframe 컨텐츠와 iframe에서 양식을 사용할 수 있는 일반 대화 상자를 표시합니다.

  • iframepanel

    CQ.IframePanel

    iframe이 포함된 패널입니다. iframe을 쉽게 만들고 iframe load 이벤트를 사용하며 iframe 컨텐츠에 쉽게 액세스할 수 있습니다.

  • inlinetextfield

    CQ.form.InlineTextField

    InlineField는 포커스가 없을 때 레이블로 표시되는 텍스트 필드입니다.

  • jsonstore

    CQ.Ext.data.JsonStore

    JSON 데이터에서 CQ.Ext.data.Stores를 보다 쉽게 만들 수 있는 작은 도우미 클래스입니다. JsonStore는 CQ.Ext.data.JsonReader로 자동 구성됩니다.

  • label

    CQ.Ext.form.Label

    기본 레이블 필드.

  • lanagecopydialog

    CQ.wcm.LanguageCopyDialog

    LanguageCopyDialog는 언어 트리를 복사하는 대화 상자입니다.

  • linkchecker

    CQ.wcm.LinkChecker

    LinkChecker는 사이트의 외부 링크를 확인하는 도구입니다.

  • 목록 보기

    CQ.Ext.list.ListView

    CQ.Ext.list.ListView는 뷰와 같은 Grid의 빠르고 가벼운 구현입니다.

  • livecopyproperties

    CQ.wcm.msm.LiveCopyProperties

    LiveCopyProperties는 Live Copy 속성(관계 상속, 동기화 트리거 및 동기화 액션)을 보고 편집할 수 있는 패널을 제공합니다.

  • lvbooleancolumn

    CQ.Ext.list.BooleanColumn

    부울 데이터 필드를 렌더링하는 열 정의 클래스입니다. 자세한 내용은 CQ.Ext.list.Columnxtype 구성 옵션을 참조하십시오.

  • lvcolumn

    CQ.Ext.list.Column

    이 클래스는 ListView의 초기화에 사용할 열 구성 데이터를 캡슐화합니다.

  • lvdatecolumn

    CQ.Ext.list.DateColumn

    기본 로케일에 따라 전달된 날짜를 렌더링하는 열 정의 클래스 또는 구성된 format입니다. 자세한 내용은 CQ.Ext.list.Columnxtype 구성 옵션을 참조하십시오.

  • lvnumbercolumn

    CQ.Ext.list.NumberColumn

    format 문자열에 따라 숫자 데이터 필드를 렌더링하는 열 정의 클래스입니다. 자세한 내용은 CQ.Ext.list.Columnxtype 구성 옵션을 참조하십시오.

  • mediabrowsedialog

    CQ.MediaBrowseDialog

    가치 하락:Content Finder를 사용하여 미디어를 찾아봅니다.

    MediaBrowseDialog는 미디어 라이브러리를 탐색하는 대화 상자입니다.

  • 메뉴

    CQ.Ext.menu.Menu

    메뉴 객체입니다. 메뉴 항목을 추가할 수 있는 컨테이너입니다. 또한 CQ.Ext.menu.DateMenu와 같은 다른 구성 요소를 기반으로 전문화된 메뉴를 원할 때 메뉴는 기본 클래스로 사용할 수 있습니다.

    메뉴에는 메뉴 항목 또는 일반 구성 요소가 포함될 수 있습니다.

  • menubaseitem

    CQ.Ext.menu.BaseItem

    메뉴로 렌더링되는 모든 항목의 기본 클래스입니다. BaseItem은 모든 메뉴 구성 요소에서 공유하는 기본 렌더링, 활성화된 상태 관리 및 기본 구성 옵션을 제공합니다.

  • menucheckitem

    CQ.Ext.menu.CheckItem

    기본적으로 확인란이 있지만 라디오 그룹의 일부일 수도 있는 메뉴 항목을 추가합니다.

  • menuitem

    CQ.Ext.menu.Item

    하위 메뉴와 같은 메뉴 관련 기능이 필요하고 고정 표시 항목이 아닌 모든 메뉴 항목에 대한 기본 클래스입니다. Item은 메뉴별 활성화를 추가하고 클릭 처리를 추가하여 CQ.Ext.menu.BaseItem의 기본 기능을 확장합니다.

  • menusparator

    CQ.Ext.menu.Separator

    메뉴 항목의 논리 그룹을 분할하는 데 사용되는 메뉴에 구분 기호를 추가합니다. 일반적으로 add()를 직접 만들지 않고 추가()를 호출하거나 항목 구성에서 "-"를 사용하여 이러한 구성 중 하나를 추가합니다.

  • menutextitem

    CQ.Ext.menu.TextItem

    정적 텍스트 문자열을 메뉴에 추가합니다. 이 문자열은 일반적으로 머리글이나 그룹 구분 문자로 사용됩니다.

  • 메타데이터

    CQ.dam.form.Metadata

    메타데이터는 자산 편집기 페이지의 경우와 같이 메타데이터 필드에 필요한 정보를 결정하는 필드 세트를 제공합니다.

    다음과 같은 필드를 제공합니다.

  • 멀티필드

    CQ.form.MultiField

    MultiField는 다중 값 속성을 편집하기 위한 편집 가능한 양식 필드 목록입니다.

  • mvt

    CQ.form.MVT

    Multivariate Testing 구성 요소를 사용하여 대체 배너로 표시되는 이미지 세트를 정의하고 편집할 수 있습니다. 클릭스루 비율 통계가 배너당 수집됩니다.

  • 알림 받은 편지함

    CQ.wcm.NotificationInbox

    NotificationInbox를 사용하면 WCM 작업을 구독하고 알림을 관리할 수 있습니다.

  • numberfield

    CQ.Ext.form.NumberField

    자동 키 필터링 및 숫자 유효성 검사를 제공하는 숫자 텍스트 필드입니다.

  • offlineimporter

    CQ.wcm.OfflineImporter

    OfflineImporter는 Microsoft Word 문서를 가져오고 AEM 페이지로 변환하는 도구입니다. 이 기능을 사용하면 워드 프로세서를 사용하여 컨텐츠를 오프라인으로 편집할 수 있습니다.

  • 소유자 그리기

    CQ.form.OwnerDraw

    OwnerDraw에는 사용자 정의 HTML 코드(직접 입력하거나 URL에서 검색)가 포함될 수 있습니다.

  • 페이징

    CQ.Ext.PagingToolbar

    레코드 양이 증가하면 브라우저가 렌더링하는 데 필요한 시간이 증가합니다. 페이징은 클라이언트와 교환된 데이터의 양을 줄이는 데 사용됩니다.

  • 패널

    CQ.Ext.Panel

    패널은 애플리케이션 중심의 유저 인터페이스를 완벽하게 구축할 수 있는 특정 기능과 구조적 구성 요소를 포함하는 컨테이너입니다.

    패널은 CQ.Ext.Container로부터 상속받은 결과로 제공됩니다.

  • paragraphreference

    CQ.form.ParagraphReference

    단락 참조 필드에서 페이지를 검색하고 해당 단락 중 하나를 선택할 수 있습니다. 트리거 필드와 관련 단락 찾아보기 대화 상자로 구성됩니다.

  • 암호

    CQ.form.Password

    암호는 CQ.Ext.form.TextField와 비슷하지만 값을 비공개로 유지하여 사용자가 중요한 데이터를 입력할 수 있습니다.

  • 경로 완성

    CQ.form.PathCompletion

    가치 하락:CQ .form.PathField대신 사용

  • 경로 필드

    CQ.form.PathField

    PathField는 경로 완료 경로를 위해 설계된 입력 필드이며 서버 저장소를 검색할 수 있도록 CQ.BrowseDialog를 여는 단추입니다. 또한 고급 링크 생성을 위해 페이지 단락을 검색할 수도 있습니다.

  • 진행 상황

    CQ.Ext.ProgressBar

    업데이트 가능한 진행률 표시줄 구성 요소입니다. 진행률 표시줄은 두 가지 다른 모드를 지원합니다.수동 및 자동.

    수동 모드에서는 updateProgress를 통해 표시, 업데이트 및 필요에 따라 자신의 코드에서 진행률 표시줄을 지울 책임이 있습니다. 이 메서드는 진행 상태를 표시하려는 경우에 가장 적합합니다.

  • propertygrid

    CQ.Ext.grid.PropertyGrid

    개발 IDE에서 일반적으로 볼 수 있는 기존의 속성 격자를 모방하기 위한 전문 격자 구현입니다. 격자의 각 행은 일부 객체의 속성을 나타내며, 데이터는 CQ.Ext.grid.PropertyRecords에서 이름/값 쌍 세트로 저장됩니다.

  • prop격자

    CQ.PropertyGrid

    PropertyGrid는 개체의 속성을 표시하고 편집하는 데 사용되는 일반 격자입니다.

  • quicktip

    CQ.Ext.QuickTip

    @xtype quicktip 마크업에 지정할 수 있고 글로벌 CQ.Ext.QuickTips 인스턴스에서 자동으로 관리하는 도구 팁에 대한 전문화된 도구 설명 클래스입니다. 자세한 사용 정보와 예는 QuickTips 클래스 헤더를 참조하십시오.

  • 라디오

    CQ.Ext.form.Radio

    단일 라디오 필드. 확인란과 동일하지만 입력 유형을 자동으로 설정할 수 있는 편의를 위해 제공됩니다. 라디오 그룹은 그룹의 각 라디오 이름을 같은 이름으로 지정하면 브라우저에서 자동으로 처리됩니다.

  • 무선 그룹

    CQ.Ext.form.RadioGroup

    CQ.Ext.form.Radio 컨트롤의 그룹화 컨테이너입니다.

  • 참조 대화 상자

    CQ.wcm.ReferencesDialog

    참조 대화 상자는 페이지에 대한 참조를 표시하는 대화 상자입니다.

  • restoredialog

    CQ.wcm.RestoreTreeDialog

    RestoreTreeDialog는 이전 버전의 트리를 복원하는 대화 상자입니다.

  • restorversiondialog

    CQ.wcm.RestoreVersionDialog

    RestoreVersionDialog는 페이지의 이전 버전을 복원하는 대화 상자입니다.

  • richtext

    CQ.form.RichText

    RichText는 스타일이 적용된 텍스트 정보(리치 텍스트)를 편집하는 양식 필드를 제공합니다.

    RichText 구성 요소는 현재 다음과 같은 기능을 제공합니다.

  • 등록 계획

    CQ.wcm.msm.RolloutPlan

    RolloutPlan에서는 페이지 롤아웃 진행 상황을 보는 대화 상자를 제공합니다. RolloutPlan은 CQ.wcm.msm.RolloutWizard에 의해 시작됩니다.

  • 롤아웃마법사

    CQ.wcm.msm.RolloutWizard

    롤아웃 마법사는 페이지를 롤아웃하는 마법사를 제공합니다. RolloutWizard가 CQ.wcm.msm.RolloutPlan을(를) 시작합니다.

  • searchfield

    CQ.form.SearchField

    SearchField는 검색 결과를 드롭다운 목록에 제공하는 검색 필드를 제공하여 저장소 검색에 사용할 수 있습니다.

  • 선택

    CQ.form.Selection

    선택 기능을 사용하면 여러 옵션 중에서 선택할 수 있습니다. 옵션은 구성의 일부이거나 JSON 응답에서 로드할 수 있습니다. 선택 영역을 드롭다운(선택 사항) 또는 콤보 상자(더하기 무료 텍스트 입력 선택)로 렌더링할 수 있습니다.

  • 사이드 킥이

    CQ.wcm.Sidekick

    사이드 킥은 페이지 편집을 위한 일반적인 도구를 사용자에게 제공하는 부동 헬퍼입니다.

  • siteadmin

    CQ.wcm.SiteAdmin

    SiteAdmin은 WCM 관리 기능을 제공하는 콘솔입니다.

  • siteimporter

    CQ.wcm.SiteImporter

    SiteImporter를 사용하면 사용자가 전체 웹 사이트를 가져오고 초기 프로젝트를 만들 수 있습니다.

  • sizefield

    CQ.form.SizeField

    SizeField를 사용하면 너비와 높이를 입력할 수 있습니다(예: 이미지).

  • 슬라이더

    CQ.Ext.Slider

    수직 또는 수평 방향, 키보드 조정, 구성 가능한 스냅, 축 클릭 및 애니메이션을 지원하는 슬라이더 모든 컨테이너에 항목으로 추가할 수 있습니다. 사용 예:…

  • 슬라이드쇼

    CQ.form.Slideshow

    [슬라이드 쇼]는 슬라이드쇼로 볼 수 있는 이미지 및 이미지 제목 집합을 정의하고 편집하는 데 사용할 수 있는 구성 요소를 제공합니다.

    Slideshow 구성 요소는 CQ.form.SmartImage 구성 요소를 기반으로 합니다.

  • smartfile

    CQ.form.SmartFile

    SmartFile은 지능형 파일 업로더입니다.

    Flash 플러그인(버전 >= 9)이 설치되어 있는 경우 업로드를 처리하는 편리한 방법을 제공하는 SWFupload 라이브러리를 사용하여 업로드가 실행됩니다.

  • 스마트시대

    CQ.form.SmartImage

    SmartImage는 지능형 이미지 업로더입니다. 이미지 맵 및 이미지 크로퍼 정의 도구와 같이 업로드된 이미지를 처리하는 도구를 제공합니다.

    구성 요소는 주로 별도의 대화 상자 탭에서 사용하도록 설계되었습니다.

  • 스페이서

    CQ.Ext.Spacer

    레이아웃에 큰 공간을 제공하는 데 사용됩니다.

  • 스피너

    CQ.form.Spinner

    스피너는 숫자, 날짜 또는 시간 값에 대한 트리거 필드입니다. 제공된 위쪽/아래쪽 트리거, 스크롤 휠이나 키를 사용하여 값을 늘리거나 줄일 수 있습니다.

  • 스플릿 버튼

    CQ.Ext.SplitButton

    버튼의 기본 클릭 이벤트와 별도로 이벤트를 실행할 수 있는 내장 드롭다운 화살표를 제공하는 분할 단추입니다. 일반적으로 이것은 기본 단추 동작에 대한 추가 옵션을 제공하는 드롭다운 메뉴를 표시하는 데 사용되지만 모든 사용자 지정 핸들러는 arroclick 구현을 제공할 수 있습니다.

  • 정적

    CQ.Static

    정적 요소를 사용하여 임의의 텍스트 또는 HTML을 표시할 수 있습니다.

  • 통계

    CQ.wcm.Statistics

    통계에는 페이지 임프레션이 차트로 표시됩니다. 위젯에서 기간을 선택할 수 있으므로 통계를 표시해야 합니다.

  • 스토어

    CQ.Ext.data.Store

    Store 클래스는 GridPanel, ComboBox 또는 DataView과 같은 구성 요소에 대한 입력 데이터를 제공하는 Record 개체의 클라이언트 측 캐시를 캡슐화합니다.

  • suggestfield

    CQ.form.SuggestField

    SuggestField는 사용자의 항목에 따라 제안을 제공합니다.

  • 전환기

    CQ.Switcher

    전환기는 콘솔에서 웹 사이트, 디지털 자산, 도구, 워크플로 및 보안 간을 전환할 수 있는 헤더 막대에 대한 단추 그룹을 제공합니다.

  • 표 편집

    CQ.form.TableEdit

    가치 하락:CQ. form.TableEdit2를 대신 사용하십시오.

  • tableedit2

    CQ.form.TableEdit2

    TableEdit2는 표를 만드는 위젯을 제공합니다.

  • 표 패널

    CQ.Ext.TabPanel

    기본 탭 컨테이너입니다. TabPanels는 레이아웃 작업을 위해 표준 CQ.Ext.Panel과 정확히 동일하게 사용할 수 있지만 하위 구성 요소(items)를 포함하는 데 대한 특별한 지원을 제공합니다.

  • 태그

    CQ.tagging.TagInputField

    CQ.tagging.TagInputField
    

    는 태그 입력을 위한 양식 위젯입니다. 기존 태그에서 선택할 수 있는 팝업 메뉴, 자동 완성 및 기타 많은 기능이 포함되어 있습니다.

  • 텍스트 영역

    CQ.Ext.form.TextArea

    여러 줄로 된 텍스트 필드. 기존 텍스트 영역 필드를 직접 대체하는 데 사용할 수 있으며 자동 크기 조정 지원이 추가되었습니다.

  • textbutton

    CQ.TextButton

    TextButton은 CQ.Ext.Button의 기능을 포함하는 텍스트 링크를 제공합니다.

  • textfield

    CQ.Ext.form.TextField

    기본 텍스트 필드. 기존 텍스트 입력을 직접 대체하거나 보다 정교한 입력 컨트롤의 기본 클래스로 사용할 수 있습니다(예: CQ.Ext.form.TextAreaCQ.Ext.form.ComboBox).

  • 축소판

    CQ.form.Thumbnail

  • 시간 필드

    CQ.Ext.form.TimeField

    시간 드롭다운 및 자동 시간 유효성 검사가 포함된 시간 입력 필드를 제공합니다. 사용 예:…

  • CQ.Ext.Tip

    @xtype tip은 모든 팁 기반 클래스에 필요한 기본 레이아웃 및 위치를 제공하는 CQ.Ext.QuickTipCQ.Ext.Tooltip의 기본 클래스입니다. 이 클래스는 간단하고 정적으로 위치한 팁에 직접 사용할 수 있습니다.

  • titleparator

    CQ.menu.TitleSeparator

    메뉴 항목의 논리 그룹을 분할하는 데 사용되는 메뉴에 구분 기호를 추가합니다. 구분 기호는 제목을 추가로 넣을 수 있습니다.

  • 도구 모음

    CQ.Ext.Toolbar

    기본 도구 모음 클래스입니다. 도구 모음의 defaultTypebutton이지만 도구 모음 요소(도구 모음 컨테이너의 하위 항목)는 거의 모든 유형의 구성 요소일 수 있습니다. 도구 모음 요소는 생성자를 통해 명시적으로 만들 수 있습니다.

  • 툴팁

    CQ.Ext.ToolTip

    대상 요소 위에 마우스를 놓을 때 추가 정보를 제공하기 위한 표준 도구 설명 구현입니다. @xtype 툴팁.

  • 트레그리드

    CQ.tree.TreeGrid

    @xtype treegrid

  • 트레판

    CQ.Ext.tree.TreePanel

    TreePanel은 트리 구조 데이터의 트리 구조 UI 표현을 제공합니다.

    TreePanel에 추가된 TreeNodes는 각 애플리케이션이 특성 속성에 사용하는 메타데이터를 포함할 수 있습니다.

  • 트리거

    CQ.Ext.form.TriggerField

    클릭할 수 있는 트리거 단추(기본적으로 combobox처럼 표시)를 추가하는 편리한 TextFields 래퍼를 제공합니다. 트리거에는 기본 작업이 없으므로 onTriggerClick을(를) 재정의하여 트리거 클릭 핸들러를 구현하는 함수를 할당해야 합니다. 콤보 상자처럼 렌더링되므로 TriggerField를 직접 만들 수 있습니다.

  • uploadalog

    CQ.UploadDialog

    UploadDialog를 사용하면 사용자가 새 UploadDialog 만들기 저장소에 파일을 업로드할 수 있습니다.

  • userinfo

    CQ.UserInfo

    현재 사용자 이름을 표시하고 사용자 속성 편집 및 가장과 같은 사용자 작업을 허용하는 도구 모음 항목입니다.

  • 뷰포트

    CQ.Ext.Viewport

    볼 수 있는 응용 프로그램 영역(브라우저 뷰포트)을 나타내는 전문 컨테이너입니다.

    뷰포트는 문서 본문으로 렌더링되고 브라우저 뷰포트 크기에 맞게 자동으로 크기가 조정되며 윈도우 크기를 관리합니다. 만들어진 뷰포트는 하나만 있을 수 있습니다.

  • CQ.Ext.Window

    응용 프로그램 창으로 사용하기 위한 전문화된 패널입니다. Windows는 기본적으로 부동 , resizabledraggable입니다. Windows는 최대화된로 뷰포트를 채우고 이전 크기로 복원하여 최소화d일 수 있습니다.

  • xmlstore

    CQ.Ext.data.XmlStore

    XML 데이터에서 CQ.Ext.data.Stores를 보다 쉽게 만들 수 있는 작은 도우미 클래스입니다. XmlStore는 CQ.Ext.data.XmlReader로 자동 구성됩니다.

    보관소의 다른 경로에서 위젯 정의를 포함하는 cqincludePseudo xtype입니다. 페이지 대화 상자에서 가장 일반적으로 사용됩니다. 이 xtype에 대한 실제 JavaScript 위젯 클래스가 없습니다. CQ.Util 클래스의 formatData() 함수에 의해 처리됩니다. 자세한 내용은 이 기술 자료 문서를 참조하십시오.

이 페이지에서는

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now