import{_ as b}from"./TableLayout-c75f449c.js";import{_ as i,r as n,o as r,c as a,a as l,d as A,e,f as t,b as o}from"./app-6440dfe3.js";const p="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEFCAIAAACD3a6CAAAACXBIWXMAAB2HAAAdhwGP5fFlAAAEYElEQVR42u3dsW7iQBQF0MzKlJ6Gf5t/tP8tFV2a2cISIDybNKsg+55TRTS5IG7e2I+I0nv/gFR/vAREF2Bd19//reu6vuX3llJKKTnP1+tsAoACgALA3tRau5+f7o/eHzzZ48+3vBKer9f5x8dNAKIVewBcA0CqZVn6zvV6vV6vx3oitdZaq8wy723v5z5iAhBtGj76+fn5ci1/gKuZUmSW+ZvMrgFg141hlf1lkjkkswlANAVAASC2AG/5vDiYAKAAoADwLvYAMkdnNgFwBAIFgMQC2ANgAoACgAJAFHsAmaMzmwA4AoECQGIB7AEwAUABQAEgij2AzNGZTQAcgUABILEA9gCYAKAAoAAQZfw9wXBWvicYHmyCZY7ObAKQfRHs6E90AbwEKAAoAORxF0jm6MwmAI5AoACQWAB7AEwAUABQAIhiDyBzdGYTAEcgUABILIA9ACYAKAAoAESxB5A5OrMJgCMQKAAkFsAeABMAFAAUAKLYA8gcndkEwBEIFAASC2APgAkACgAKAFEee4DtXukz96dlPl/m5/d5790EINo0/Hu/nwZwDi+zywQg27IsfWee53mej/VEaq21Vpll3tvez33EBMA1wM7tdvtwd0Lmc2UeMgGI5v8BZI7ObAIQTQFQAIgtgP8HwAQABQAFgCj2ADJHZzYBcAQCBYDEAtgDYAKAAoACQBR7AJmjM5sAOAKBAkBiAewBMAFAAUABIIo9gMzRmU0AHIFAASCxAPYAmACgAKAAEGVqrW0/uRggwfP7vLVmAhDNJljm6MwmANkXwY7+RBfAS4ACgAJAHneBZI7ObALgCAQKAIkFsAfABAAFAAWAKPYAMkdnNgFwBAIFgMQC2ANgAoACgAJAFHsAmaMzmwA4AoECQGIB7AEwAUABQAEgij2AzNGZTQAcgUABILEA9gCYAKAAoAAQxfcEk8X3BMODTbDM0ZlNALIty9J35nme5/lYT6TWWmuVWea97f3cR0wAok3DR2+3m7OpzCfLPGQCEM1dIJmjM5sARFMAFABiC+AjQJgAoACgABDFHkDm6MwmAI5AoACQWAB7AEwAUABQAIhiDyBzdGYTAEcgUABILIA9ACYAKAAoAESxB5A5OrMJgCMQKAAkFsAeABMAFAAUAKI89gD7b9Fwf1rm82V+fp/7jjDSTcO/9998pxIc2svsMgHIvgi2ByC6AF4CFAAUAPL4fwCZozObADgCgQJAYgHsATABQAFAASCKPYDM0ZlNAByBQAEgsQD2AJgAoACgABDFHkDm6MwmAI5AoACQWAB7AEwAUABQAIhiDyBzdGYTAEcgUABILIA9ACYAKAAoAESZWmvbTy4GSPD8Pm+tmQBEswmWOTqzCUC2ZVn6zuVyuVwuB7uamaZpmmSWeW97P/cRE4Bo4yp/fX39wpX4/QbU6c+v73q+XucfmQBEK8e6nIf/ywRAAUABILEAb/kI0Lqub/m9pZTtBkXI8/U6mwCgAPAPfwHgQ/m97RBawgAAAABJRU5ErkJggg==",c="data:image/png;base64,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",g="data:image/png;base64,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",d="/BMSCTX/assets/TableLayout_Column_Style-d7888f1f.png",B="/BMSCTX/assets/TableLayout_Row_Style-074eab23.png",f="/BMSCTX/assets/TableLayout_Cells-70dc05f7.png",C="/BMSCTX/assets/TableLayout_Layout_Size-1f4bcc75.png",m="/BMSCTX/assets/TableLayout_Design-6a1c09e0.png";const u={},E=o('
테이블 형태로 Layout을 표시하는 컴포넌트입니다.
1) 컴포넌트 이미지
도구상자에서 TableLayout 컴포넌트를 선택하여 화면작업 영역에 디자인합니다.
2) 컴포넌트 속성
화면작업 창에서 TableLayout 컴포넌트 선택 시 속성 창에 설정이 가능한 항목에 값을 입력합니다.
(1) B.CommonElement
① DockFull
Full로 설정했을 경우 해당 컴포넌트 부모 컴포넌트 크기의 맞춰서 설정됩니다.
② ID
해당 컴포넌트의 ID를 설정합니다.
③ Visible
해당 컴포넌트를 화면에 보여줄지에 대한 여부를 설정합니다.
(2) C.ControlElement
① ColumnSize
해당 컴포넌트의 Cloumn 개수를 설정합니다.
② EqualsHeight
해당 컴포넌트의 높이가 똑같도록 설정합니다.
③ EqualsWidth
해당 컴포넌트의 넓이가 똑같도록 설정합니다.
④ RowSize
해당 컴포넌트의 Row 개수를 설정합니다.
⑤ TableLayout
해당 컴포넌트의 Row, Column Cell 속성을 설정합니다.
1. Column Style
해당 컴포넌트에서 각 컬럼의 속성을 설정합니다.
① BgColor
해당 컴포넌트에서 컬럼의 배경색을 설정합니다.
② ClassName
Tool Box > User > View Common Config > Control-CSS에 해당 컴포넌트에서 지정한 Class 명을 설정합니다.
③ Class-TxT
해당 컴포넌트에서 컬럼의 Class 명을 지정합니다.
④ ColumnIndex
해당 컴포넌트에서 컬럼의 Index 번호를 설정합니다.
⑤ DockFull
Full로 설정했을 경우 해당 컴포넌트 컬럼 크기의 맞춰서 설정됩니다.
⑥ HorizontalAlign
해당 컴포넌트 컬럼 안에 있는 컴포넌트를 수평으로 정렬합니다.
⑦ HorizontalAlignValue
해당 컴포넌트 컬럼 안에 있는 컴포넌트를 수평으로 정렬의 위치를 설정합니다.
⑨ Position
해당 컴포넌트의 값을 입력하지 않았을 때 발생 되는 메시지 내용을 설정합니다.
⑩ VerticalAlign
해당 컴포넌트의 문자열 형식을 설정합니다.
⑪ VerticalAlignValue
해당 컴포넌트의 페이징의 총 개수에 대한 컬럼을 설정합니다.
⑫ WidthApply
해당 컴포넌트의 Row 높이를 설정합니다.
① Cells
해당 컴포넌트에서 로우의 각 컬럼 속성을 설정합니다.
② CellsBorderColor
해당 컴 해당 컴포넌트에서 컬럼의 테두리 색상을 설정합니다.
③ CellsBorderStyle
해당 컴포넌트에서 컬럼의 테두리 종류를 설정합니다.
⑤ ClassName
Tool Box > User > View Common Config > Control-CSS에 해당 컴포넌트에서 지정한 Class 명을 설정합니다.
⑥ Class-TxT
해당 컴포넌트에서 컬럼의 Class 명을 지정합니다.
⑦ HeightApply
Style에서 높이 수정에 대한 여부를 설정합니다. >
⑨ Order Type
⑩ Position
해당 컴포넌트 컬럼의 위치를 설정합니다.
3. Layout Size
해당 컴포넌트에서 각 컬럼과 로우의 넓이와 높이 사이즈를 설정합니다.
(3) D.Design
① BorderCollapse
테이블 cell 테두리의 겹침 속성을 설정합니다.
② BorderColor
해당 컴포넌트의 ID를 설정합니다.
③ BorderWidth
해당 컴포넌트의 테두리 색상을 설정합니다.
④ Cellpadding
해당 컴포넌트의 테두리 넓이를 설정합니다.
⑤ Cellspacing
셀 사이의 공간 크기를 설정합니다.
⑥ Class-Com
Tool Box > User > View Common Config > Control-CSS에 해당 컴포넌트에서 지정한 Class 명을 설정합니다.
⑦ Class-TXT
해당 컴포넌트의 Class 명을 지정합니다.
⑧ Layer(1~2)-Class
Layer-Tag에서 지정한 부모 태그의 Class 명을 입력합니다.
⑨ RLayer(1~2)-Tag
해당 컴포넌트의 부모 태그를 설정합니다.
⑩ Lock
해당 컴포넌트에 Lock을 설정하여 마우스로 해당 컴포넌트가 움직이지 못하게 고정합니다.
⑪ Margin
해당 컴포넌트의 바깥쪽 공간 여백을 설정합니다.
⑫ Position
해당 컴포넌트의 위치를 설정합니다.
⑬ Style
해당 컴포넌트의 보여지는 Row 개수를 설정합니다.
Ex) border: 1px solid #bbb;border-radius: 4px; backgroud-color:white; ...